@buoy-gg/floating-tools-core 2.1.4-beta.2 → 2.1.5

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

@@ -1,559 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconTriangle = exports.IconSmoothArc = exports.IconSemicircle = exports.IconRect = exports.IconLine = exports.IconContainer = exports.IconCircle = exports.IconArc = void 0;
-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.
- */
-
-// ===========================================
-// Types
-// ===========================================
-
-// ===========================================
-// Web Primitives (CSS/divs)
-// ===========================================
-
-const IconContainer = ({
-  size,
-  children
-}) => {
-  const style = {
-    position: 'relative',
-    width: size,
-    height: size
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: 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 ${radius * 0.15}px ${color}`,
-  // Bright core
-  `0 0 ${radius * 0.3}px ${color}`,
-  // Inner glow
-  `0 0 ${radius * 0.6}px ${color}cc`,
-  // Medium glow (80% opacity)
-  `0 0 ${radius}px ${color}80`,
-  // Outer glow (50% opacity)
-  `0 0 ${radius * 1.5}px ${color}40` // Ambient glow (25% opacity)
-  ].join(', ');
-}
-const IconCircle = ({
-  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(${scaleX})`);
-  if (scaleY !== 1) transforms.push(`scaleY(${scaleY})`);
-  if (rotation !== 0) transforms.push(`rotate(${rotation}deg)`);
-  const style = {
-    position: 'absolute',
-    left: cx - r,
-    top: cy - r,
-    width: diameter,
-    height: diameter,
-    borderRadius: r,
-    backgroundColor: fill,
-    border: borderColor ? `${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
-  });
-};
-exports.IconCircle = IconCircle;
-const IconRect = ({
-  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: x,
-    top: y,
-    width,
-    height,
-    borderRadius,
-    backgroundColor: fill,
-    border: borderColor ? `${borderWidth}px solid ${borderColor}` : undefined,
-    opacity,
-    boxShadow: glowColor && glowRadius > 0 ? createNeonGlow(glowColor, glowRadius) : undefined,
-    boxSizing: 'border-box',
-    transform: rotation !== undefined ? `rotate(${rotation}deg)` : undefined,
-    transformOrigin: rotation !== undefined ? `${originX * 100}% ${originY * 100}%` : undefined
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style
-  });
-};
-
-/**
- * Calculates a point on a quadratic Bezier curve (1 control point)
- * B(t) = (1-t)²P0 + 2(1-t)tP1 + t²P2
- */
-exports.IconRect = IconRect;
-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 IconLine = ({
-  x1,
-  y1,
-  x2,
-  y2,
-  stroke,
-  strokeWidth = 1,
-  opacity = 1,
-  glowColor,
-  glowRadius = 0,
-  rotation = 0,
-  curveX,
-  curveY,
-  curve2X,
-  curve2Y
-}) => {
-  // Check if this is a curved line (either control point set)
-  const hasCurve1 = curveX !== undefined && curveX !== 0 || curveY !== undefined && curveY !== 0;
-  const hasCurve2 = curve2X !== undefined && curve2X !== 0 || curve2Y !== undefined && curve2Y !== 0;
-  const isCurved = hasCurve1 || hasCurve2;
-  if (isCurved) {
-    const midX = (x1 + x2) / 2;
-    const midY = (y1 + y2) / 2;
-
-    // Control points: offset from line midpoint
-    const control1X = midX + (curveX ?? 0);
-    const control1Y = midY + (curveY ?? 0);
-    const control2X = midX + (curve2X ?? 0);
-    const control2Y = midY + (curve2Y ?? 0);
-
-    // Determine if cubic (2 distinct control points) or quadratic (1 control point)
-    const isCubic = hasCurve1 && hasCurve2;
-
-    // Estimate curve length using samples
-    let approxLength = 0;
-    const sampleCount = 20;
-    let prevPt = {
-      x: x1,
-      y: y1
-    };
-    for (let i = 1; i <= sampleCount; i++) {
-      const t = i / sampleCount;
-      const pt = isCubic ? getCubicBezierPoint(t, x1, y1, control1X, control1Y, control2X, control2Y, x2, y2) : getQuadraticBezierPoint(t, x1, y1, hasCurve1 ? control1X : control2X, hasCurve1 ? control1Y : control2Y, x2, y2);
-      approxLength += Math.sqrt((pt.x - prevPt.x) ** 2 + (pt.y - prevPt.y) ** 2);
-      prevPt = pt;
-    }
-    const elements = [];
-
-    // Dense circles for smooth body
-    const circleSpacing = Math.max(0.05, strokeWidth * 0.02);
-    const numCircles = Math.max(100, Math.ceil(approxLength / circleSpacing));
-    for (let i = 0; i <= numCircles; i++) {
-      const t = i / numCircles;
-      const pt = isCubic ? getCubicBezierPoint(t, x1, y1, control1X, control1Y, control2X, control2Y, x2, y2) : getQuadraticBezierPoint(t, x1, y1, hasCurve1 ? control1X : control2X, hasCurve1 ? control1Y : control2Y, x2, y2);
-      const circleStyle = {
-        position: 'absolute',
-        left: pt.x - strokeWidth / 2,
-        top: pt.y - strokeWidth / 2,
-        width: strokeWidth,
-        height: strokeWidth,
-        borderRadius: '50%',
-        backgroundColor: stroke,
-        opacity,
-        boxShadow: i === 0 && glowColor && glowRadius > 0 ? createNeonGlow(glowColor, glowRadius) : undefined
-      };
-      elements.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: circleStyle
-      }, `c${i}`));
-    }
-    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: centerX - length / 2,
-    top: centerY - strokeWidth / 2,
-    width: length,
-    height: strokeWidth,
-    backgroundColor: stroke,
-    opacity,
-    transform: `rotate(${totalRotation}deg)`,
-    transformOrigin: '50% 50%',
-    borderRadius: 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!
- */
-exports.IconLine = IconLine;
-const IconTriangle = ({
-  x,
-  y,
-  size,
-  direction,
-  fill,
-  opacity = 1,
-  rotation
-}) => {
-  // CSS border trick: use transparent borders to create triangle
-  // The size is the height of the triangle, width is size * 2 / sqrt(3) for equilateral
-  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 = {
-        borderLeft: `${halfWidth}px solid transparent`,
-        borderRight: `${halfWidth}px solid transparent`,
-        borderTop: `${size}px solid ${fill}`
-      };
-      offsetX = -halfWidth;
-      offsetY = 0;
-      break;
-    case 'up':
-      borderStyles = {
-        borderLeft: `${halfWidth}px solid transparent`,
-        borderRight: `${halfWidth}px solid transparent`,
-        borderBottom: `${size}px solid ${fill}`
-      };
-      offsetX = -halfWidth;
-      offsetY = -size;
-      break;
-    case 'left':
-      borderStyles = {
-        borderTop: `${halfWidth}px solid transparent`,
-        borderBottom: `${halfWidth}px solid transparent`,
-        borderRight: `${size}px solid ${fill}`
-      };
-      offsetX = -size;
-      offsetY = -halfWidth;
-      break;
-    case 'right':
-      borderStyles = {
-        borderTop: `${halfWidth}px solid transparent`,
-        borderBottom: `${halfWidth}px solid transparent`,
-        borderLeft: `${size}px solid ${fill}`
-      };
-      offsetX = 0;
-      offsetY = -halfWidth;
-      break;
-  }
-  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.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!
- */
-exports.IconTriangle = IconTriangle;
-const IconArc = ({
-  cx,
-  cy,
-  r,
-  startAngle,
-  endAngle,
-  stroke,
-  strokeWidth = 1.5,
-  opacity = 1,
-  segments
-}) => {
-  // Calculate number of segments based on arc length
-  const arcLength = Math.abs(endAngle - startAngle);
-  const autoSegments = Math.max(8, Math.ceil(arcLength / 10)); // ~10 degrees per segment
-  const numSegments = segments ?? autoSegments;
-
-  // Generate line segments
-  const lines = [];
-  const angleStep = (endAngle - startAngle) / numSegments;
-  for (let i = 0; i < numSegments; i++) {
-    const angle1 = startAngle + i * angleStep;
-    const angle2 = startAngle + (i + 1) * angleStep;
-
-    // Convert to radians
-    const rad1 = angle1 * Math.PI / 180;
-    const rad2 = angle2 * Math.PI / 180;
-
-    // Calculate segment endpoints
-    const x1 = cx + r * Math.cos(rad1);
-    const y1 = cy + r * Math.sin(rad1);
-    const x2 = cx + r * Math.cos(rad2);
-    const y2 = cy + r * Math.sin(rad2);
-
-    // Calculate segment geometry
-    const dx = x2 - x1;
-    const dy = y2 - y1;
-    const length = Math.sqrt(dx * dx + dy * dy);
-    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
-    const midX = (x1 + x2) / 2;
-    const midY = (y1 + y2) / 2;
-    const style = {
-      position: 'absolute',
-      left: midX - length / 2,
-      top: midY - strokeWidth / 2,
-      width: length,
-      height: strokeWidth,
-      backgroundColor: stroke,
-      opacity,
-      transform: `rotate(${angle}deg)`,
-      transformOrigin: '50% 50%',
-      borderRadius: 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!
- */
-exports.IconArc = IconArc;
-const IconSemicircle = ({
-  cx,
-  cy,
-  r,
-  half,
-  fill,
-  borderColor,
-  borderWidth = 0,
-  opacity = 1,
-  glowColor,
-  glowRadius = 0
-}) => {
-  const diameter = r * 2;
-
-  // Calculate position and border radii based on which half
-  let left;
-  let top;
-  let width;
-  let height;
-  let borderRadius;
-  switch (half) {
-    case 'top':
-      left = cx - r;
-      top = cy - r;
-      width = diameter;
-      height = r;
-      borderRadius = `${r}px ${r}px 0 0`;
-      break;
-    case 'bottom':
-      left = cx - r;
-      top = cy;
-      width = diameter;
-      height = r;
-      borderRadius = `0 0 ${r}px ${r}px`;
-      break;
-    case 'left':
-      left = cx - r;
-      top = cy - r;
-      width = r;
-      height = diameter;
-      borderRadius = `${r}px 0 0 ${r}px`;
-      break;
-    case 'right':
-      left = cx;
-      top = cy - r;
-      width = r;
-      height = diameter;
-      borderRadius = `0 ${r}px ${r}px 0`;
-      break;
-  }
-  const style = {
-    position: 'absolute',
-    left,
-    top,
-    width,
-    height,
-    borderRadius,
-    backgroundColor: fill,
-    border: borderColor ? `${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.
- */
-exports.IconSemicircle = IconSemicircle;
-const IconSmoothArc = ({
-  cx,
-  cy,
-  r,
-  stroke,
-  strokeWidth = 2,
-  opacity = 1,
-  portion = 'bottom'
-}) => {
-  const diameter = r * 2;
-
-  // Build border colors based on which portion to show
-  let borderTopColor = stroke;
-  let borderBottomColor = stroke;
-  let borderLeftColor = stroke;
-  let borderRightColor = stroke;
-  switch (portion) {
-    case 'bottom':
-      // Show bottom arc (hide top, left, right)
-      borderTopColor = 'transparent';
-      borderLeftColor = 'transparent';
-      borderRightColor = 'transparent';
-      break;
-    case 'top':
-      // Show top arc (hide bottom, left, right)
-      borderBottomColor = 'transparent';
-      borderLeftColor = 'transparent';
-      borderRightColor = 'transparent';
-      break;
-    case 'left':
-      // Show left arc (hide top, bottom, right)
-      borderTopColor = 'transparent';
-      borderBottomColor = 'transparent';
-      borderRightColor = 'transparent';
-      break;
-    case 'right':
-      // Show right arc (hide top, bottom, left)
-      borderTopColor = 'transparent';
-      borderBottomColor = 'transparent';
-      borderLeftColor = 'transparent';
-      break;
-  }
-  const style = {
-    position: 'absolute',
-    left: cx - r,
-    top: cy - r,
-    width: diameter,
-    height: diameter,
-    borderRadius: r,
-    borderWidth: strokeWidth,
-    borderStyle: 'solid',
-    borderTopColor,
-    borderBottomColor,
-    borderLeftColor,
-    borderRightColor,
-    opacity,
-    boxSizing: 'border-box'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style
-  });
-};
-exports.IconSmoothArc = IconSmoothArc;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconTriangle=exports.IconSmoothArc=exports.IconSemicircle=exports.IconRect=exports.IconLine=exports.IconContainer=exports.IconCircle=exports.IconArc=void 0;var _jsxRuntime=require("react/jsx-runtime");const IconContainer=({size:o,children:t})=>{const r={position:"relative",width:o,height:o};return(0,_jsxRuntime.jsx)("div",{style:r,children:t})};function createNeonGlow(o,t){return[`0 0 ${.15*t}px ${o}`,`0 0 ${.3*t}px ${o}`,`0 0 ${.6*t}px ${o}cc`,`0 0 ${t}px ${o}80`,`0 0 ${1.5*t}px ${o}40`].join(", ")}exports.IconContainer=IconContainer;const IconCircle=({cx:o,cy:t,r:r,fill:e,borderColor:i,borderWidth:n=0,opacity:s=1,scaleX:a=1,scaleY:c=1,glowColor:d,glowRadius:l=0,rotation:p=0})=>{const x=2*r,h=[];1!==a&&h.push(`scaleX(${a})`),1!==c&&h.push(`scaleY(${c})`),0!==p&&h.push(`rotate(${p}deg)`);const b={position:"absolute",left:o-r,top:t-r,width:x,height:x,borderRadius:r,backgroundColor:e,border:i?`${n}px solid ${i}`:void 0,opacity:s,transform:h.length>0?h.join(" "):void 0,transformOrigin:"50% 50%",boxShadow:d&&l>0?createNeonGlow(d,l):void 0,boxSizing:"border-box"};return(0,_jsxRuntime.jsx)("div",{style:b})};exports.IconCircle=IconCircle;const IconRect=({x:o,y:t,width:r,height:e,fill:i,borderColor:n,borderWidth:s=0,borderRadius:a=0,opacity:c=1,glowColor:d,glowRadius:l=0,rotation:p,originX:x=0,originY:h=.5})=>{const b={position:"absolute",left:o,top:t,width:r,height:e,borderRadius:a,backgroundColor:i,border:n?`${s}px solid ${n}`:void 0,opacity:c,boxShadow:d&&l>0?createNeonGlow(d,l):void 0,boxSizing:"border-box",transform:void 0!==p?`rotate(${p}deg)`:void 0,transformOrigin:void 0!==p?`${100*x}% ${100*h}%`:void 0};return(0,_jsxRuntime.jsx)("div",{style:b})};function getQuadraticBezierPoint(o,t,r,e,i,n,s){const a=1-o;return{x:a*a*t+2*a*o*e+o*o*n,y:a*a*r+2*a*o*i+o*o*s}}function getCubicBezierPoint(o,t,r,e,i,n,s,a,c){const d=1-o,l=d*d,p=l*d,x=o*o,h=x*o;return{x:p*t+3*l*o*e+3*d*x*n+h*a,y:p*r+3*l*o*i+3*d*x*s+h*c}}exports.IconRect=IconRect;const IconLine=({x1:o,y1:t,x2:r,y2:e,stroke:i,strokeWidth:n=1,opacity:s=1,glowColor:a,glowRadius:c=0,rotation:d=0,curveX:l,curveY:p,curve2X:x,curve2Y:h})=>{const b=void 0!==l&&0!==l||void 0!==p&&0!==p,u=void 0!==x&&0!==x||void 0!==h&&0!==h;if(b||u){const d=(o+r)/2,g=(t+e)/2,$=d+(l??0),m=g+(p??0),y=d+(x??0),f=g+(h??0),v=b&&u;let I=0;const R=20;let w={x:o,y:t};for(let i=1;i<=R;i++){const n=i/R,s=v?getCubicBezierPoint(n,o,t,$,m,y,f,r,e):getQuadraticBezierPoint(n,o,t,b?$:y,b?m:f,r,e);I+=Math.sqrt((s.x-w.x)**2+(s.y-w.y)**2),w=s}const j=[],C=Math.max(.05,.02*n),k=Math.max(100,Math.ceil(I/C));for(let d=0;d<=k;d++){const l=d/k,p=v?getCubicBezierPoint(l,o,t,$,m,y,f,r,e):getQuadraticBezierPoint(l,o,t,b?$:y,b?m:f,r,e),x={position:"absolute",left:p.x-n/2,top:p.y-n/2,width:n,height:n,borderRadius:"50%",backgroundColor:i,opacity:s,boxShadow:0===d&&a&&c>0?createNeonGlow(a,c):void 0};j.push((0,_jsxRuntime.jsx)("div",{style:x},`c${d}`))}return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:j})}const g=r-o,$=e-t,m=Math.sqrt(g*g+$*$),y={position:"absolute",left:(o+r)/2-m/2,top:(t+e)/2-n/2,width:m,height:n,backgroundColor:i,opacity:s,transform:`rotate(${Math.atan2($,g)*(180/Math.PI)+d}deg)`,transformOrigin:"50% 50%",borderRadius:n/2,boxShadow:a&&c>0?createNeonGlow(a,c):void 0};return(0,_jsxRuntime.jsx)("div",{style:y})};exports.IconLine=IconLine;const IconTriangle=({x:o,y:t,size:r,direction:e,fill:i,opacity:n=1,rotation:s})=>{const a=.577*r;let c={},d=0,l=0;switch(e){case"down":c={borderLeft:`${a}px solid transparent`,borderRight:`${a}px solid transparent`,borderTop:`${r}px solid ${i}`},d=-a,l=0;break;case"up":c={borderLeft:`${a}px solid transparent`,borderRight:`${a}px solid transparent`,borderBottom:`${r}px solid ${i}`},d=-a,l=-r;break;case"left":c={borderTop:`${a}px solid transparent`,borderBottom:`${a}px solid transparent`,borderRight:`${r}px solid ${i}`},d=-r,l=-a;break;case"right":c={borderTop:`${a}px solid transparent`,borderBottom:`${a}px solid transparent`,borderLeft:`${r}px solid ${i}`},d=0,l=-a}const p=[];void 0!==s&&p.push(`rotate(${s}deg)`);const x={position:"absolute",left:o+d,top:t+l,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})};exports.IconTriangle=IconTriangle;const IconArc=({cx:o,cy:t,r:r,startAngle:e,endAngle:i,stroke:n,strokeWidth:s=1.5,opacity:a=1,segments:c})=>{const d=Math.abs(i-e),l=Math.max(8,Math.ceil(d/10)),p=c??l,x=[],h=(i-e)/p;for(let i=0;i<p;i++){const c=e+(i+1)*h,d=(e+i*h)*Math.PI/180,l=c*Math.PI/180,p=o+r*Math.cos(d),b=t+r*Math.sin(d),u=o+r*Math.cos(l),g=t+r*Math.sin(l),$=u-p,m=g-b,y=Math.sqrt($*$+m*m),f={position:"absolute",left:(p+u)/2-y/2,top:(b+g)/2-s/2,width:y,height:s,backgroundColor:n,opacity:a,transform:`rotate(${Math.atan2(m,$)*(180/Math.PI)}deg)`,transformOrigin:"50% 50%",borderRadius:s/2};x.push((0,_jsxRuntime.jsx)("div",{style:f},i))}return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:x})};exports.IconArc=IconArc;const IconSemicircle=({cx:o,cy:t,r:r,half:e,fill:i,borderColor:n,borderWidth:s=0,opacity:a=1,glowColor:c,glowRadius:d=0})=>{const l=2*r;let p,x,h,b,u;switch(e){case"top":p=o-r,x=t-r,h=l,b=r,u=`${r}px ${r}px 0 0`;break;case"bottom":p=o-r,x=t,h=l,b=r,u=`0 0 ${r}px ${r}px`;break;case"left":p=o-r,x=t-r,h=r,b=l,u=`${r}px 0 0 ${r}px`;break;case"right":p=o,x=t-r,h=r,b=l,u=`0 ${r}px ${r}px 0`}const g={position:"absolute",left:p,top:x,width:h,height:b,borderRadius:u,backgroundColor:i,border:n?`${s}px solid ${n}`:void 0,opacity:a,boxShadow:c&&d>0?createNeonGlow(c,d):void 0,boxSizing:"border-box"};return(0,_jsxRuntime.jsx)("div",{style:g})};exports.IconSemicircle=IconSemicircle;const IconSmoothArc=({cx:o,cy:t,r:r,stroke:e,strokeWidth:i=2,opacity:n=1,portion:s="bottom"})=>{const a=2*r;let c=e,d=e,l=e,p=e;switch(s){case"bottom":c="transparent",l="transparent",p="transparent";break;case"top":d="transparent",l="transparent",p="transparent";break;case"left":c="transparent",d="transparent",p="transparent";break;case"right":c="transparent",d="transparent",l="transparent"}const x={position:"absolute",left:o-r,top:t-r,width:a,height:a,borderRadius:r,borderWidth:i,borderStyle:"solid",borderTopColor:c,borderBottomColor:d,borderLeftColor:l,borderRightColor:p,opacity:n,boxSizing:"border-box"};return(0,_jsxRuntime.jsx)("div",{style:x})};exports.IconSmoothArc=IconSmoothArc;