{"version":3,"file":"shared-lib.D2D8UAeY.mjs","names":["getProps","React.forwardRef","React.useState","React.useRef","React.useMemo","c","React.useId","useState","_Fragment","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","SVG","fonts","css","className","ArrowRight","SocialIcons","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts"],"sources":["https:/framerusercontent.com/modules/3xG9aYcGbpykhj2x3XYS/OB7zhQYYgSDoM0AsU8Gz/loQWOJ1Ho.js","https:/framerusercontent.com/modules/fCWNjClYRVcA5kMr6Pc4/CVeRYX1NOxyMMIBKzYPw/PremiumMicroIcons.js","https:/framerusercontent.com/modules/XQeTsLzmLPvQvFJmNxa6/weXuzi1q3k4xfXMDxSIu/Circle_Cursor.js","https:/framerusercontent.com/modules/fND7cEwNYk5t3hZS4o3s/OVkqHjCm8gK2dopoH3Ol/E4RDgnqRj.js","https:/framerusercontent.com/modules/E2ax2oeZ0J7vYEuYhUri/ghowdqiW3cViqbmB4XrZ/cwMht55BO.js","https:/framerusercontent.com/modules/h8mcfFcqXPIuxnBXb6Sv/eupzISG8hVdf8o64MaE1/ubSI_QjJ1.js","https:/framerusercontent.com/modules/jnjIByppLZLIMgN6rNOf/tdT2CjFyEIg85vlSEcrx/J0Ui8hxNL.js","https:/framerusercontent.com/modules/2M26YNofiw2RxgA1Jb4V/u1bCoPVhWsukGrbl81sU/siteMetadata.js"],"sourcesContent":["// Generated by Framer (d5224d0)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,htQyJXMKW:width1??props.htQyJXMKW??1.5,jDue3c8Jy:color??props.jDue3c8Jy??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,jDue3c8Jy,htQyJXMKW,...restProps}=getProps(props);const href=useSVGTemplate(\"3403169090\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-Q9WRp\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--34440n\":jDue3c8Jy,\"--fbr8zx\":htQyJXMKW,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-Q9WRp { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"jDue3c8Jy\":\"color\",\"htQyJXMKW\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Arrow Right\",\"color\":{\"type\":\"variable\",\"value\":\"34440n\"},\"set\":{\"localId\":\"vectorSet/N6bZIbxLR\",\"id\":\"N6bZIbxLR\",\"moduleId\":\"NCiKiaU9qhVJumKU6JAo\"}}\n */const Icon=withCSS(Component,css,\"framer-Q9WRp\");Icon.displayName=\"Arrow Right\";export default Icon;addPropertyControls(Icon,{jDue3c8Jy:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},htQyJXMKW:{defaultValue:1.5,displayStepper:true,hidden:false,max:8,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Arrow Right\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"34440n\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/N6bZIbxLR\\\",\\\"id\\\":\\\"N6bZIbxLR\\\",\\\"moduleId\\\":\\\"NCiKiaU9qhVJumKU6JAo\\\"}}\",\"framerIntrinsicWidth\":\"24\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"jDue3c8Jy\\\":\\\"color\\\",\\\"htQyJXMKW\\\":\\\"width1\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,useReducedMotion}from\"framer-motion\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/*\n * Animated Micro Icons — production build\n * ─────────────────────────────────────────────────────────────────────────\n * UPDATED: Precise restoration for CPU Compute entering/exiting laser signal,\n * 4-layer expansion/compression for Stacked Layers with zero center dots.\n * POLISH PASS: softer Linear/Vercel-grade easing, slower breathing rhythm,\n * tightened Stacked Layers (3 layers), longer Ring Spinner arc, redesigned\n * Eye Scan sweep, reworked Hex Module motion, fixed residual-fill \"ghost\"\n * states on fill-driven icons, smoothed CPU Compute pulse travel.\n * CONFIG PASS: exposed Curve (ease), Breathing Rest, and Start Delay as\n * top-level props so the whole system can be globally re-tuned (or\n * offset-started) from one place. Every icon's internal choreography —\n * the relative stagger between its own parts — is preserved exactly as\n * authored; the global startDelay is added on top of it, never replacing it.\n * RING SPINNER FIX: replaced the single linearGradient (which painted a\n * straight line across the whole viewBox) with per-segment opacity along\n * the arc's own curvature. A straight gradient cannot stay monotonic across\n * an arc sweep this long — it produces two bright points instead of one\n * fading tail. The arc is now built from many small adjacent arc slices,\n * each with its own interpolated opacity from tail (0) to head (1), so\n * there is exactly one bright leading point with a clean fade-out tail,\n * at any sweep length or rotation. Nothing else in the file is touched.\n * SEAM FIX: Shield Security and Isometric Cube outer paths are closed\n * loops drawn with strokeLinecap=\"round\" via animated pathLength. Round\n * caps at the path's start/end vertex don't fully overlap even with a\n * modest overshoot, leaving a visible notch at that vertex. Overshoot\n * increased so the redraw laps fully past the seam and paints over the\n * start cap. Nothing else about these icons changed.\n * LOCK FIX: Lock Auth previously translated the entire shackle (both\n * legs) upward together, reading as the whole shackle lifting off rather\n * than a hinged open padlock. Now only the right leg swings open (arcs\n * out and up, pivoting from the top) while the left leg stays anchored\n * in the body, matching how a real opened padlock looks.\n * STROKE-WIDTH FIX: strokeWidth in SVG is defined in viewBox user-space\n * units, not screen pixels. Every icon here uses a fixed `viewBox=\"0 0 24\n * 24\"` while `width`/`height` (driven by the \"Size\" prop) scale the whole\n * drawing up or down. Because stroke width was being passed straight\n * through as a raw number of viewBox units, increasing \"Size\" scaled the\n * stroke right along with the artwork — so at large sizes (116px+) the\n * stroke rendered far thicker on screen than the \"Stroke Weight\" prop\n * value would suggest, even though that prop was never being ignored.\n * Fixed by converting the \"Stroke Weight\" prop (intended as a constant\n * on-screen pixel thickness) into the equivalent viewBox-unit value\n * before it reaches any icon: `sw = strokeWidth * (24 / iconSize)`. This\n * conversion happens once, in PremiumMicroIcons, right before `sw` is\n * handed to the selected icon. No icon's markup, paths, animation, or\n * timing changes — every icon still just consumes `sw` exactly as before.\n */const DEFAULT_EASE=[.16,1,.3,1];const DEFAULT_BREATHE_REST=1.6;const DEFAULT_START_DELAY=0;// Standardized Fingerprint Scanner properties applied globally\nconst FILL_DURATION=2.4;const FILL_TIMES=[0,.32,.74,1];// All icons share this fixed viewBox. Stroke width is always converted\n// against this constant so it renders as a fixed number of screen pixels\n// regardless of the rendered width/height (\"Size\" prop).\nconst VIEWBOX_SIZE=24;function useViewportActive(ref){const[active,setActive]=React.useState(true);React.useEffect(()=>{const node=ref.current;if(!node||typeof IntersectionObserver===\"undefined\")return undefined;let observer;try{observer=new IntersectionObserver(entries=>{const entry=entries[0];if(!entry)return;React.startTransition(()=>{setActive(entry.isIntersecting);});},{threshold:0,rootMargin:\"80px\"});observer.observe(node);}catch(err){return undefined;}return()=>{if(observer)observer.disconnect();};},[ref]);return active;}// ─── TRANSITION ORCHESTRATION ────────────────────────────────────────────────\n// tx() / fillTx() now read ease / breatheRest / startDelay from a per-render\n// \"motion config\" object (cfg) instead of module-level constants, so the\n// whole system is tunable via props. Every call site's own relative delay\n// (e.g. `i * perTickDelay`, hardcoded 0.15, 0.08 * idx, etc.) is left\n// completely untouched — the global startDelay is simply added on top.\nfunction tx(base,anim,rep,cfg){if(!anim)return{duration:0,repeat:0};const ease=cfg?.ease??DEFAULT_EASE;const breatheRest=cfg?.breatheRest??DEFAULT_BREATHE_REST;const startDelay=cfg?.startDelay??DEFAULT_START_DELAY;const isContinuous=base.repeatType===\"loop\"||base.repeatDelay===0;return{ease,...base,delay:(base.delay??0)+startDelay,repeat:rep?Infinity:0,repeatDelay:base.repeatDelay!==undefined?base.repeatDelay:rep&&!isContinuous?breatheRest:0};}function fillTx(delay=0,anim,rep,cfg){if(!anim)return{duration:0,repeat:0};const ease=cfg?.ease??DEFAULT_EASE;const breatheRest=cfg?.breatheRest??DEFAULT_BREATHE_REST;const startDelay=cfg?.startDelay??DEFAULT_START_DELAY;return{duration:FILL_DURATION,delay:delay+startDelay,times:FILL_TIMES,ease,repeat:rep?Infinity:0,repeatDelay:breatheRest};}// ─── 1. CONTINUOUS SPINNERS & LOADERS ────────────────────────────────────────\nconst SegmentedSpinnerIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const tickCount=8;const cycleDuration=1.1;const perTickDelay=cycleDuration/tickCount;return /*#__PURE__*/_jsx(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:Array.from({length:tickCount}).map((_,i)=>/*#__PURE__*/_jsx(motion.line,{x1:\"12\",y1:\"3.5\",x2:\"12\",y2:\"7\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",transform:`rotate(${i*45} 12 12)`,initial:{opacity:1-i*.11},animate:{opacity:[1,.15,.15]},transition:tx({duration:cycleDuration,times:[0,.4,1],delay:i*perTickDelay,ease:\"linear\",repeatType:\"loop\",repeatDelay:0},anim,rep,cfg)},i))});};// Fixed: the arc is built from many small adjacent arc-slice s, each\n// with its own opacity interpolated from 0 (tail) to 1 (head), instead of a\n// single linearGradient. A straight-line gradient cannot stay monotonic\n// across a long circular sweep — it produces two bright points (one near\n// each end) instead of one bright head with a fading tail.\n//\n// The rotating group's pivot is explicitly pinned to the true circle\n// center (12,12) — see the comment beside `motion.g` below for why that's\n// necessary (the arc's own bounding box is off-center, since it only\n// covers ~223° of the circle).\nconst RingSpinnerIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const r=9;const cx=12;const cy=12;// Longer, more realistic spinner arc (Vercel/Linear-style) instead of a\n// short 30% tick — reads clearly as an active loading indicator.\nconst sweepFraction=.62;const sweepDeg=360*sweepFraction;const segmentCount=28// enough slices for a visually smooth fade\n;const orbitTransition=anim?{duration:.9,ease:\"linear\",delay:cfg?.startDelay??DEFAULT_START_DELAY,repeat:rep?Infinity:0,repeatType:\"loop\",repeatDelay:0}:{duration:0,repeat:0};// Arc starts at -90deg (top) in local space, before the group's own\n// animated rotation is applied — matches the original component's\n// starting orientation.\nconst startDeg=-90;const segments=React.useMemo(()=>{const out=[];for(let i=0;i180?1:0;// Fade monotonically from tail (0 opacity) to head (1 opacity),\n// eased so the brightest point concentrates near the very tip.\nconst t=(i+1)/segmentCount;const opacity=Math.pow(t,1.6);out.push({d:`M ${x0} ${y0} A ${r} ${r} 0 ${largeArc} 1 ${x1} ${y1}`,opacity,isLast:i===segmentCount-1});}return out;},[sweepDeg,segmentCount]);return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:r,stroke:c,strokeWidth:sw,opacity:.12}),/*#__PURE__*/_jsx(motion.g,{animate:{rotate:[-90,270]},transition:orbitTransition,style:{transformBox:\"view-box\",originX:\"12px\",originY:\"12px\"},children:segments.map((seg,i)=>/*#__PURE__*/_jsx(\"path\",{d:seg.d,stroke:c,strokeWidth:sw,strokeLinecap:seg.isLast?\"round\":\"butt\",fill:\"none\",opacity:seg.opacity},i))})]});};const GearIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsx(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:/*#__PURE__*/_jsxs(motion.g,{style:{transformOrigin:\"12px 12px\"},animate:{rotate:360},transition:tx({duration:7.5,ease:\"linear\",repeatType:\"loop\",repeatDelay:0},anim,rep,cfg),children:[/*#__PURE__*/_jsx(\"path\",{d:\"M11.09 4.76 10.83 2.77 13.17 2.77 12.91 4.76 13.93 4.96 16.47 6.23 17.7 4.65 19.35 6.3 17.77 7.53 18.34 8.38 19.24 11.09 21.23 10.83 21.23 13.17 19.24 12.91 19.04 13.93 17.77 16.47 19.35 17.7 17.7 19.35 16.47 17.77 15.62 18.34 12.91 19.24 13.17 21.23 10.83 21.23 11.09 19.24 10.07 19.04 7.53 17.77 6.3 19.35 4.65 17.7 6.23 16.47 5.66 15.62 4.76 12.91 2.77 13.17 2.77 10.83 4.76 11.09 4.96 10.07 6.23 7.53 4.65 6.3 6.3 4.65 7.53 6.23 8.38 5.66Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"2.6\",stroke:c,strokeWidth:sw})]})});const SyncRefreshIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsx(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:/*#__PURE__*/_jsxs(motion.g,{style:{transformOrigin:\"12px 12px\"},animate:{rotate:-360},transition:tx({duration:1.4,ease:\"linear\",repeatType:\"loop\",repeatDelay:0},anim,rep,cfg),children:[/*#__PURE__*/_jsx(\"path\",{d:\"M4.122 10.611A8 8 0 0 1 19.878 10.611\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M19.878 13.389A8 8 0 0 1 4.122 13.389\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M20.558 8.518 19.878 10.611 18.524 8.877\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M3.442 15.482 4.122 13.389 5.476 15.123\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"})]})});const SpinningGlobeIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const clipId=React.useId();const gradientId=React.useId();const CONTINENTS_A=\"M3 11c1-1 2.5-.5 3.5-1.5s1-2.5 2.5-2.5 2 1.5 3.5 1 2-2.5 3.5-2.5 2.5 1.5 3 3 .5 2-1 3.5-2.5 1.5-4 1.5-2.5 1.5-4 3-2 3-4 2.5-3-1.5-4.5-3-2-2-2-4ZM18 15c.5.5 1.5.5 2 0s1-1.5.5-2.5-2-1.5-2.5-.5-1 2-.5 3ZM6 17c.5 1 1.5 1 2 .5s1-1.5.5-2.5-2-1-2.5 0-1 1-.5 2Z\";const CONTINENTS_B=\"M2 10c1.5-1 3-1 4.5-2s2-3 4-2.5 2.5 1.5 4 0 1.5-3 3.5-3 3.5 1.5 4 3.5.5 3-1.5 4.5-3.5 1.5-5 1.5-3 1.5-4.5 3-2.5 3-5 2.5-4-2-6-4.5-2.5-3-2.5-5ZM19 14c.5.5 1.5.5 2 0s1-1.5.5-2.5-2-1.5-2.5-.5-1 2-.5 3Z\";return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsxs(\"defs\",{children:[/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\"})}),/*#__PURE__*/_jsxs(\"radialGradient\",{id:gradientId,cx:\"35%\",cy:\"35%\",r:\"65%\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:c,stopOpacity:.2}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:c,stopOpacity:.5})]})]}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\",fill:`url(#${gradientId})`,opacity:.3}),/*#__PURE__*/_jsx(\"g\",{clipPath:`url(#${clipId})`,children:/*#__PURE__*/_jsxs(motion.g,{animate:anim?{x:[0,-24]}:{x:0},transition:tx({duration:8,ease:\"linear\",repeatType:\"loop\",repeatDelay:0},anim,rep,cfg),style:{transformOrigin:\"12px 12px\",rotate:\"23.5deg\"},children:[/*#__PURE__*/_jsx(\"path\",{d:CONTINENTS_A,fill:c,fillOpacity:.6,stroke:c,strokeWidth:.2}),/*#__PURE__*/_jsx(\"path\",{d:CONTINENTS_B,fill:c,fillOpacity:.6,stroke:c,strokeWidth:.2,transform:\"translate(24, 0)\"}),/*#__PURE__*/_jsx(\"path\",{d:CONTINENTS_A,fill:c,fillOpacity:.6,stroke:c,strokeWidth:.2,transform:\"translate(48, 0)\"})]})}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\",stroke:c,strokeWidth:sw,opacity:.8}),/*#__PURE__*/_jsx(\"path\",{d:\"M3 12h18\",stroke:c,strokeWidth:sw*.4,opacity:.15,transform:\"rotate(23.5 12 12)\"})]});};const HexModuleIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsx(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:/*#__PURE__*/_jsxs(motion.g,{style:{transformOrigin:\"12px 12px\"},initial:{rotate:0},animate:anim?{rotate:[0,60,60]}:{rotate:0},transition:tx({duration:1.1,times:[0,.55,1],repeatType:\"loop\"},anim,rep,cfg),children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 2.5 20 7v10l-8 4.5L4 17V7l8-4.5Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"12\",r:\"2.75\",stroke:c,strokeWidth:sw,animate:anim?{scale:[1,1,1.18,1],opacity:[.55,.55,1,.55]}:{scale:1,opacity:.55},transition:tx({duration:1.1,times:[0,.55,.8,1],repeatType:\"loop\"},anim,rep,cfg),style:{transformOrigin:\"12px 12px\"}})]})});// ─── 2. BREATHING INFRASTRUCTURE ─────────────────────────────────────────────\nconst ServerNodesIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const beamId=React.useId();const clipId=React.useId();return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsxs(\"defs\",{children:[/*#__PURE__*/_jsxs(\"linearGradient\",{id:beamId,x1:\"0%\",y1:\"0%\",x2:\"100%\",y2:\"0%\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:c,stopOpacity:0}),/*#__PURE__*/_jsx(\"stop\",{offset:\"50%\",stopColor:c,stopOpacity:1}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:c,stopOpacity:0})]}),/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(\"rect\",{x:\"3\",y:\"0\",width:\"18\",height:\"24\"})})]}),/*#__PURE__*/_jsx(\"g\",{clipPath:`url(#${clipId})`,children:/*#__PURE__*/_jsx(motion.rect,{x:\"0\",y:\"11.5\",width:\"18\",height:\"1\",fill:`url(#${beamId})`,initial:{x:-18},animate:anim?{x:[-18,24]}:{x:-18},transition:tx({duration:1.5,ease:\"linear\",repeatType:\"loop\",repeatDelay:.5},anim,rep,cfg)})}),/*#__PURE__*/_jsx(motion.rect,{x:\"3\",y:\"3.5\",width:\"18\",height:\"6.5\",rx:\"1.5\",stroke:c,strokeWidth:sw,animate:anim?{opacity:[.6,1,1,.6],scale:[1,1.01,1.01,1]}:{opacity:1},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"12px 6.75px\"}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"6.5\",cy:\"6.75\",r:\"1\",fill:c,animate:anim?{opacity:[.4,1,1,.4]}:{opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.line,{x1:\"14\",y1:\"6.75\",x2:\"18\",y2:\"6.75\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",opacity:.4,animate:anim?{opacity:[.4,.8,.8,.4]}:{opacity:.4},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.rect,{x:\"3\",y:\"14\",width:\"18\",height:\"6.5\",rx:\"1.5\",stroke:c,strokeWidth:sw,animate:anim?{opacity:[.6,1,1,.6],scale:[1,1.01,1.01,1]}:{opacity:1},transition:fillTx(.15,anim,rep,cfg),style:{transformOrigin:\"12px 17.25px\"}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"6.5\",cy:\"17.25\",r:\"1\",fill:c,animate:anim?{opacity:[.4,1,1,.4]}:{opacity:1},transition:fillTx(.15,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.line,{x1:\"14\",y1:\"17.25\",x2:\"18\",y2:\"17.25\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",opacity:.4,animate:anim?{opacity:[.4,.8,.8,.4]}:{opacity:.4},transition:fillTx(.15,anim,rep,cfg)})]});};const CpuComputeIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const pinPaths=[\"M9 2v3\",\"M15 2v3\",\"M22 9h-3\",\"M22 15h-3\",\"M15 22v-3\",\"M9 22v-3\",\"M2 15h3\",\"M2 9h3\"];return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:\"5\",y:\"5\",width:\"14\",height:\"14\",rx:\"2\",stroke:c,strokeWidth:sw,opacity:.3}),pinPaths.map((d,i)=>/*#__PURE__*/_jsx(motion.path,{d:d,stroke:c,strokeWidth:sw,strokeLinecap:\"round\",animate:anim?{opacity:[.2,1,1,.2]}:{opacity:.2},transition:fillTx(i*.05,anim,rep,cfg)},i)),/*#__PURE__*/_jsx(\"rect\",{x:\"8.5\",y:\"8.5\",width:\"7\",height:\"7\",rx:\"1\",stroke:c,strokeWidth:sw,opacity:.5}),/*#__PURE__*/_jsx(motion.rect,{x:\"10\",y:\"10\",width:\"4\",height:\"4\",rx:\"0.5\",fill:c,animate:anim?{scale:[1,1.2,1.2,1],opacity:[.3,1,1,.3]}:{opacity:.3},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"12px 12px\"}}),anim&&[0,90,180,270].map((angle,i)=>/*#__PURE__*/_jsx(motion.g,{style:{transformOrigin:\"12px 12px\",rotate:angle},children:/*#__PURE__*/_jsx(motion.line,{x1:\"12\",y1:\"3\",x2:\"12\",y2:\"3\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",initial:{opacity:0},animate:{y1:[3,3,6.5,8.5,8.5,6.5,3,3],y2:[3,5.5,8.5,8.5,8.5,8.5,5.5,3],opacity:[0,.9,1,1,1,1,.9,0]},transition:{duration:FILL_DURATION,delay:cfg?.startDelay??DEFAULT_START_DELAY,times:[0,.14,.32,.46,.54,.68,.86,1],ease:cfg?.ease??DEFAULT_EASE,repeat:rep?Infinity:0,repeatDelay:cfg?.breatheRest??DEFAULT_BREATHE_REST}})},i))]});};const WifiRouterIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"18.5\",r:\"1.5\",fill:c,animate:anim?{scale:[1,1.4,1.4,1],opacity:[.5,1,1,.5]}:{opacity:.5},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"12px 18.5px\"}}),/*#__PURE__*/_jsx(motion.path,{d:\"M8.5 15.5a5 5 0 0 1 7 0\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",animate:anim?{opacity:[.15,1,1,.15],y:[.5,0,0,.5]}:{opacity:.15},transition:fillTx(.05,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M5.5 12.5a9 9 0 0 1 13 0\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",animate:anim?{opacity:[.15,1,1,.15],y:[1,0,0,1]}:{opacity:.15},transition:fillTx(.1,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M2.5 9.5a13 13 0 0 1 19 0\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",animate:anim?{opacity:[.15,1,1,.15],y:[1.5,0,0,1.5]}:{opacity:.15},transition:fillTx(.15,anim,rep,cfg)})]});const WebhookIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"5\",r:\"2\",stroke:c,strokeWidth:sw,animate:anim?{scale:[1,1.25,1.25,1],strokeOpacity:[.5,1,1,.5]}:{strokeOpacity:.5},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"12px 5px\"}}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 7v10\",stroke:c,strokeWidth:sw,strokeDasharray:\"0.5 3\",strokeLinecap:\"round\",opacity:.3}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",r:\"1.4\",fill:c,initial:{cy:7,opacity:0},animate:anim?{cy:[7,17,17,7],opacity:[0,1,1,0]}:{opacity:0},transition:fillTx(.1,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"19\",r:\"2\",stroke:c,strokeWidth:sw,animate:anim?{scale:[1,1.25,1.25,1],strokeOpacity:[.5,1,1,.5]}:{strokeOpacity:.5},transition:fillTx(.2,anim,rep,cfg),style:{transformOrigin:\"12px 19px\"}})]});const BranchForkIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M6 8.25v7.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",opacity:.3}),/*#__PURE__*/_jsx(\"circle\",{cx:\"6\",cy:\"6\",r:\"2.25\",stroke:c,strokeWidth:sw,opacity:.5}),/*#__PURE__*/_jsx(motion.circle,{cx:\"6\",cy:\"18\",r:\"2.25\",stroke:c,strokeWidth:sw,animate:anim?{strokeOpacity:[.5,1,1,.5],scale:[1,1.1,1.1,1]}:{opacity:1},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"6px 18px\"}}),/*#__PURE__*/_jsx(motion.path,{d:\"M6 15.75c0-5.4 12-2.4 12-7.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.circle,{cx:\"18\",cy:\"6\",r:\"2.25\",stroke:c,strokeWidth:sw,initial:{scale:.8,opacity:.3},animate:anim?{scale:[.8,1.2,1.2,.8],opacity:[.3,1,1,.3]}:{scale:1,opacity:1},transition:fillTx(.15,anim,rep,cfg),style:{transformOrigin:\"18px 6px\"}})]});const ShieldSecurityIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 21.5c4.5-1.8 7.5-5.5 7.5-10.2V5.6L12 2.5 4.5 5.6v5.7c0 4.7 3 8.4 7.5 10.2Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",opacity:.15}),/*#__PURE__*/_jsx(motion.path,{d:\"M12 21.5c4.5-1.8 7.5-5.5 7.5-10.2V5.6L12 2.5 4.5 5.6v5.7c0 4.7 3 8.4 7.5 10.2Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",strokeLinecap:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M8.75 12 11 14.25l4.25-4.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.15,anim,rep,cfg)})]});// ─── 3. DATA & DEVELOPMENT ───────────────────────────────────────────────────\nconst CodeBracketsIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.path,{d:\"M8.5 6 3 12l5.5 6\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",animate:anim?{x:[0,-2.5,-2.5,0]}:{x:0},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M15.5 6 21 12l-5.5 6\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",animate:anim?{x:[0,2.5,2.5,0]}:{x:0},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.line,{x1:\"14\",y1:\"4\",x2:\"10\",y2:\"20\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.1,anim,rep,cfg)})]});const MatrixGridIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const animState=anim?{fillOpacity:[0,.35,.35,0],scale:[1,1.05,1.05,1]}:{fillOpacity:0,scale:1};return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.rect,{x:\"3.5\",y:\"3.5\",width:\"7.5\",height:\"7.5\",rx:\"1.25\",stroke:c,strokeWidth:sw,fill:c,initial:{fillOpacity:0,scale:1},animate:animState,transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"7.25px 7.25px\"}}),/*#__PURE__*/_jsx(motion.rect,{x:\"13\",y:\"3.5\",width:\"7.5\",height:\"7.5\",rx:\"1.25\",stroke:c,strokeWidth:sw,fill:c,initial:{fillOpacity:0,scale:1},animate:animState,transition:fillTx(.06,anim,rep,cfg),style:{transformOrigin:\"16.75px 7.25px\"}}),/*#__PURE__*/_jsx(motion.rect,{x:\"3.5\",y:\"13\",width:\"7.5\",height:\"7.5\",rx:\"1.25\",stroke:c,strokeWidth:sw,fill:c,initial:{fillOpacity:0,scale:1},animate:animState,transition:fillTx(.12,anim,rep,cfg),style:{transformOrigin:\"7.25px 16.75px\"}}),/*#__PURE__*/_jsx(motion.rect,{x:\"13\",y:\"13\",width:\"7.5\",height:\"7.5\",rx:\"1.25\",stroke:c,strokeWidth:sw,fill:c,initial:{fillOpacity:0,scale:1},animate:animState,transition:fillTx(.18,anim,rep,cfg),style:{transformOrigin:\"16.75px 16.75px\"}})]});};const AnalyticsChartIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M3.5 3.5v17h17\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.2}),/*#__PURE__*/_jsx(motion.path,{d:\"M3.5 3.5v17h17\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M7 15.5 10.5 12l3 2 5-6.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.15,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.circle,{cx:\"18.5\",cy:\"7.5\",r:\"2\",fill:c,initial:{scale:0,opacity:0},animate:anim?{scale:[0,1.3,1.3,0],opacity:[0,1,1,0]}:{scale:1,opacity:1},transition:fillTx(.2,anim,rep,cfg),style:{transformOrigin:\"18.5px 7.5px\"}})]});const StackedLayersIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.path,{d:\"M12 4.5 4 8.5 12 12.5 20 8.5Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",animate:anim?{y:[0,-1.4,-1.4,0]}:{y:0},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M4 11.5 12 15.5 20 11.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.75,animate:anim?{y:[0,0,0,0]}:{y:0},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M4 14.5 12 18.5 20 14.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.45,animate:anim?{y:[0,1.4,1.4,0]}:{y:0},transition:fillTx(0,anim,rep,cfg)})]});const TerminalCliIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:\"2.5\",y:\"4\",width:\"19\",height:\"16\",rx:\"2\",stroke:c,strokeWidth:sw}),/*#__PURE__*/_jsx(\"path\",{d:\"M6.5 9.5 10 12l-3.5 2.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(motion.line,{x1:\"12.5\",y1:\"14.5\",x2:\"17\",y2:\"14.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",animate:anim?{opacity:[1,1,0,0]}:{opacity:1},transition:tx({duration:1.2,times:[0,.5,.5,1],ease:\"linear\",repeatType:\"loop\",repeatDelay:0},anim,rep,cfg)})]});const TargetFocusIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9.5\",stroke:c,strokeWidth:sw}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"12\",r:\"3.5\",stroke:c,strokeWidth:sw,initial:{scale:0,opacity:0},animate:anim?{scale:[0,1.4,1.4,0],opacity:[0,1,1,0]}:{scale:1,opacity:1},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"12px 12px\"}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"12\",r:\"1\",fill:c,initial:{scale:0},animate:anim?{scale:[0,1,1,0]}:{scale:1},transition:fillTx(.15,anim,rep,cfg),style:{transformOrigin:\"12px 12px\"}})]});const IsometricCubeIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 2.5 3 7.25v9.5L12 21.5l9-4.75v-9.5L12 2.5Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",opacity:.15}),/*#__PURE__*/_jsx(\"path\",{d:\"M3 7.25 12 12l9-4.75M12 12v9.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.15}),/*#__PURE__*/_jsx(motion.path,{d:\"M12 2.5 3 7.25v9.5L12 21.5l9-4.75v-9.5L12 2.5Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",strokeLinecap:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M3 7.25 12 12l9-4.75M12 12v9.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.15,anim,rep,cfg)})]});const CheckCircleIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9.5\",stroke:c,strokeWidth:sw,opacity:.15}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"12\",r:\"9.5\",stroke:c,strokeWidth:sw,initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1.05,1.05,0],opacity:[0,1,1,0]}:{pathLength:1.05,opacity:1},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"12px 12px\",rotate:\"-90deg\"}}),/*#__PURE__*/_jsx(motion.path,{d:\"M8 12.25 10.75 15 16 9\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.15,anim,rep,cfg)})]});// ─── 4. DIRECTIONAL \"FILL\" ARROWS ────────────────────────────────────────────\nconst ArrowUpIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const clipId=React.useId();return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 20.5V6M5.5 11.5 12 5l6.5 6.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(motion.rect,{x:\"0\",width:\"24\",initial:{y:21,height:0},animate:anim?{y:[21,4,4,21],height:[0,17,17,0]}:{y:21,height:0},transition:fillTx(0,anim,rep,cfg)})}),/*#__PURE__*/_jsx(motion.g,{clipPath:`url(#${clipId})`,initial:{opacity:0},animate:anim?{opacity:[0,1,1,0]}:{opacity:0},transition:fillTx(0,anim,rep,cfg),children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 20.5V6M5.5 11.5 12 5l6.5 6.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]});};const ArrowDownIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const clipId=React.useId();return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 3.5V18M5.5 12.5 12 19l6.5-6.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(motion.rect,{x:\"0\",width:\"24\",y:\"3\",initial:{height:0},animate:anim?{height:[0,17,17,0]}:{height:0},transition:fillTx(0,anim,rep,cfg)})}),/*#__PURE__*/_jsx(motion.g,{clipPath:`url(#${clipId})`,initial:{opacity:0},animate:anim?{opacity:[0,1,1,0]}:{opacity:0},transition:fillTx(0,anim,rep,cfg),children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 3.5V18M5.5 12.5 12 19l6.5-6.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]});};const ArrowRightIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const clipId=React.useId();return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M3.5 12h14.5M13 5.5 19.5 12 13 18.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(motion.rect,{y:\"0\",height:\"24\",x:\"3\",initial:{width:0},animate:anim?{width:[0,17,17,0]}:{width:0},transition:fillTx(0,anim,rep,cfg)})}),/*#__PURE__*/_jsx(motion.g,{clipPath:`url(#${clipId})`,initial:{opacity:0},animate:anim?{opacity:[0,1,1,0]}:{opacity:0},transition:fillTx(0,anim,rep,cfg),children:/*#__PURE__*/_jsx(\"path\",{d:\"M3.5 12h14.5M13 5.5 19.5 12 13 18.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]});};const ArrowLeftIcon=({c,s,sw,anim=true,rep=false,cfg})=>{const clipId=React.useId();return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M20.5 12H6M11 5.5 4.5 12 11 18.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(motion.rect,{y:\"0\",height:\"24\",initial:{x:21,width:0},animate:anim?{x:[21,4,4,21],width:[0,17,17,0]}:{x:21,width:0},transition:fillTx(0,anim,rep,cfg)})}),/*#__PURE__*/_jsx(motion.g,{clipPath:`url(#${clipId})`,initial:{opacity:0},animate:anim?{opacity:[0,1,1,0]}:{opacity:0},transition:fillTx(0,anim,rep,cfg),children:/*#__PURE__*/_jsx(\"path\",{d:\"M20.5 12H6M11 5.5 4.5 12 11 18.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]});};// ─── 5. REMAINING ICONS ──────────────────────────────────────────────────────\nconst LinkChainIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.path,{d:\"M10 14a4.5 4.5 0 0 0 6.8.48l2.7-2.7a4.5 4.5 0 0 0-6.36-6.36L11.6 6.9\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",animate:anim?{x:[0,1.1,1.1,0],y:[0,-1.1,-1.1,0]}:{x:0,y:0},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M14 10a4.5 4.5 0 0 0-6.8-.48l-2.7 2.7a4.5 4.5 0 0 0 6.36 6.36l1.54-1.54\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",animate:anim?{x:[0,-1.1,-1.1,0],y:[0,1.1,1.1,0]}:{x:0,y:0},transition:fillTx(0,anim,rep,cfg)})]});const LockAuthIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:\"5\",y:\"11\",width:\"14\",height:\"10\",rx:\"2\",stroke:c,strokeWidth:sw}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"15.5\",r:\"1\",fill:c}),/*#__PURE__*/_jsx(motion.path,{stroke:c,strokeWidth:sw,strokeLinecap:\"round\",initial:{d:\"M7.5 11V7.5a4.5 4.5 0 0 1 9 0V11\"},animate:anim?{d:[\"M7.5 11V7.5a4.5 4.5 0 0 1 9 0V11\",\"M7.5 11V6a4.5 4.5 0 0 1 9 0V9\",\"M7.5 11V6a4.5 4.5 0 0 1 9 0V9\",\"M7.5 11V7.5a4.5 4.5 0 0 1 9 0V11\"]}:{d:\"M7.5 11V7.5a4.5 4.5 0 0 1 9 0V11\"},transition:fillTx(0,anim,rep,cfg)})]});const KeyTokenIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"7\",cy:\"16.5\",r:\"3.5\",stroke:c,strokeWidth:sw,opacity:.25}),/*#__PURE__*/_jsx(\"path\",{d:\"M9.5 14 19 4.5V7.5L16.5 10 14.5 8 12 10.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(motion.circle,{cx:\"7\",cy:\"16.5\",r:\"3.5\",stroke:c,strokeWidth:sw,initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1.05,1.05,0],opacity:[0,1,1,0]}:{pathLength:1.05,opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M9.5 14 19 4.5V7.5L16.5 10 14.5 8 12 10.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.15,anim,rep,cfg)})]});const FINGERPRINT_RIDGES=[\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\",\"M14 13.12c0 2.38 0 6.38-1 8.88\",\"M17.29 21.02c.12-.6.43-2.3.5-3.02\",\"M2 12a10 10 0 0 1 18-6\",\"M2 16h.01\",\"M21.8 16c.2-2 .131-5.354 0-6\",\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\",\"M8.65 22c.21-.66.45-1.32.57-2\",\"M9 6.8a6 6 0 0 1 9 5.2v2\"];const FINGERPRINT_RIDGE_Y=[14,17,19,9,16,13,15.5,20,9.5];const FINGERPRINT_FILL_ORDER=FINGERPRINT_RIDGE_Y.map((_,i)=>i).sort((a,b)=>FINGERPRINT_RIDGE_Y[b]-FINGERPRINT_RIDGE_Y[a]);const FingerprintScannerIcon=({c,ac,s,sw,anim=true,rep=false,cfg})=>{return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"g\",{opacity:.28,children:FINGERPRINT_RIDGES.map((d,i)=>/*#__PURE__*/_jsx(\"path\",{d:d,stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"},i))}),/*#__PURE__*/_jsx(motion.g,{stroke:ac||c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",children:FINGERPRINT_FILL_ORDER.map((i,idx)=>{const ridgeDelay=idx*.08;// Each ridge draws in during its own slice of time (so\n// the stagger is preserved), but every ridge is made to\n// reach pathLength/opacity 1 and HOLD there until a\n// shared point (0.85) before they all fade out\n// together. Without this, ridges that start later were\n// still drawing in while earlier ridges had already\n// begun fading out, so the fingerprint never showed a\n// moment where it was fully filled.\nconst drawInAt=Math.min(.15+ridgeDelay/FILL_DURATION*.6,.8);return /*#__PURE__*/_jsx(motion.path,{d:FINGERPRINT_RIDGES[i],initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:0,opacity:0},transition:{...fillTx(ridgeDelay,anim,rep,cfg),delay:cfg?.startDelay??DEFAULT_START_DELAY,times:[0,drawInAt,.85,1]}},`fill-${i}`);})})]});};const EyeScanIcon=({c,ac,s,sw,anim=true,rep=false,cfg})=>{const beamId=React.useId();const clipId=React.useId();return /*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsxs(\"defs\",{children:[/*#__PURE__*/_jsxs(\"linearGradient\",{id:beamId,x1:\"0%\",y1:\"0%\",x2:\"0%\",y2:\"100%\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:ac||c,stopOpacity:0}),/*#__PURE__*/_jsx(\"stop\",{offset:\"50%\",stopColor:ac||c,stopOpacity:.9}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:ac||c,stopOpacity:0})]}),/*#__PURE__*/_jsx(\"clipPath\",{id:clipId,children:/*#__PURE__*/_jsx(\"path\",{d:\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"})})]}),/*#__PURE__*/_jsx(\"path\",{d:\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",opacity:.3}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"3\",stroke:c,strokeWidth:sw,opacity:.3}),/*#__PURE__*/_jsx(\"g\",{clipPath:`url(#${clipId})`,children:/*#__PURE__*/_jsx(motion.rect,{x:\"1\",width:\"22\",height:\"1.4\",fill:`url(#${beamId})`,initial:{y:5},animate:anim?{y:[5,18,18,5]}:{y:5,opacity:0},transition:fillTx(0,anim,rep,cfg),style:anim?{}:{opacity:0}})}),/*#__PURE__*/_jsx(motion.circle,{cx:\"12\",cy:\"12\",r:\"1.4\",fill:ac||c,initial:{opacity:0,scale:1},animate:anim?{opacity:[0,0,.9,.9,0],scale:[1,1,1.25,1.25,1]}:{opacity:0,scale:1},transition:{duration:FILL_DURATION,delay:cfg?.startDelay??DEFAULT_START_DELAY,times:[0,.38,.5,.62,.78],ease:cfg?.ease??DEFAULT_EASE,repeat:rep?Infinity:0,repeatDelay:cfg?.breatheRest??DEFAULT_BREATHE_REST},style:{transformOrigin:\"12px 12px\"}})]});};const AISparklesIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(motion.path,{d:\"M10 3 11.4 8.6 17 10l-5.6 1.4L10 17l-1.4-5.6L3 10l5.6-1.4L10 3Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",animate:anim?{scale:[1,1.08,1.08,1]}:{scale:1},transition:fillTx(0,anim,rep,cfg),style:{transformOrigin:\"10px 10px\"}}),/*#__PURE__*/_jsx(motion.path,{d:\"M18 14 18.6 16.4 21 17l-2.4.6L18 20l-.6-2.4L15 17l2.4-.6L18 14Z\",stroke:c,strokeWidth:sw,strokeLinejoin:\"round\",animate:anim?{opacity:[.3,1,1,.3]}:{opacity:.3},transition:fillTx(.15,anim,rep,cfg)})]});const ZapLightningIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M13 2 4 14h7l-1 8 10-12h-7l1-8Z\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(motion.path,{d:\"M13 2 4 14h7l-1 8 10-12h-7l1-8Z\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)})]});const EnvelopeMailIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:\"2.5\",y:\"5\",width:\"19\",height:\"14\",rx:\"2\",stroke:c,strokeWidth:sw}),/*#__PURE__*/_jsx(motion.path,{d:\"M3.5 6.5 12 13 20.5 6.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)})]});const BellAlertIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsx(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:/*#__PURE__*/_jsxs(motion.g,{animate:anim?{rotate:[0,-8,8,-5,5,0]}:{rotate:0},transition:tx({duration:1,repeatType:\"loop\"},anim,rep,cfg),style:{transformOrigin:\"12px 4px\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M18.5 8.5a6.5 6.5 0 0 0-13 0c0 5.4-2 7.5-2 7.5h17s-2-2.1-2-7.5Z\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M14 19.5a2 2 0 0 1-4 0\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\"})]})});const UsersTeamIcon=({c,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"9\",cy:\"8\",r:\"3.5\",stroke:c,strokeWidth:sw}),/*#__PURE__*/_jsx(\"path\",{d:\"M2.5 20v-1.5A4.5 4.5 0 0 1 7 14h4a4.5 4.5 0 0 1 4.5 4.5V20\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M16 4.6a3.5 3.5 0 0 1 0 6.8\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",opacity:.25}),/*#__PURE__*/_jsx(\"path\",{d:\"M18.5 14.3a4.5 4.5 0 0 1 3 4.2V20\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",opacity:.25}),/*#__PURE__*/_jsx(motion.path,{d:\"M16 4.6a3.5 3.5 0 0 1 0 6.8\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)}),/*#__PURE__*/_jsx(motion.path,{d:\"M18.5 14.3a4.5 4.5 0 0 1 3 4.2V20\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(.15,anim,rep,cfg)})]});const ShockwaveIcon=({c,ac,s,sw,anim=true,rep=false,cfg})=>/*#__PURE__*/_jsxs(\"svg\",{width:s,height:s,viewBox:\"0 0 24 24\",fill:\"none\",style:{overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M3 12h4.5l2-5 5 10 2-5h4.5\",stroke:c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:.25}),/*#__PURE__*/_jsx(motion.path,{d:\"M3 12h4.5l2-5 5 10 2-5h4.5\",stroke:ac||c,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:{pathLength:0,opacity:0},animate:anim?{pathLength:[0,1,1,0],opacity:[0,1,1,0]}:{pathLength:1,opacity:1},transition:fillTx(0,anim,rep,cfg)})]});const ICON_MAP={\"Segmented Spinner\":SegmentedSpinnerIcon,\"Ring Spinner\":RingSpinnerIcon,Gear:GearIcon,\"Sync Refresh\":SyncRefreshIcon,\"Spinning Globe\":SpinningGlobeIcon,\"Server Nodes\":ServerNodesIcon,\"CPU Compute\":CpuComputeIcon,\"Wifi Router\":WifiRouterIcon,Webhook:WebhookIcon,\"Branch Fork\":BranchForkIcon,\"Link Chain\":LinkChainIcon,\"Shield Security\":ShieldSecurityIcon,\"Lock Auth\":LockAuthIcon,\"Key Token\":KeyTokenIcon,\"Fingerprint Scanner\":FingerprintScannerIcon,\"Eye Scan\":EyeScanIcon,\"AI Sparkles\":AISparklesIcon,\"Analytics Chart\":AnalyticsChartIcon,\"Matrix Grid\":MatrixGridIcon,\"Stacked Layers\":StackedLayersIcon,\"Isometric Cube\":IsometricCubeIcon,\"Hex Module\":HexModuleIcon,\"Terminal CLI\":TerminalCliIcon,\"Check Circle\":CheckCircleIcon,\"Code Brackets\":CodeBracketsIcon,\"Zap Lightning\":ZapLightningIcon,\"Arrow Up\":ArrowUpIcon,\"Arrow Down\":ArrowDownIcon,\"Arrow Right\":ArrowRightIcon,\"Arrow Left\":ArrowLeftIcon,\"Envelope Mail\":EnvelopeMailIcon,\"Bell Alert\":BellAlertIcon,\"Target Focus\":TargetFocusIcon,\"Users Team\":UsersTeamIcon,Shockwave:ShockwaveIcon};const ICONS_WITH_ACTIVE_COLOR=[\"Fingerprint Scanner\",\"Shockwave\",\"Eye Scan\"];// Named easing presets so the \"Curve\" dropdown maps to real, distinct\n// cubic-bezier / keyword values instead of exposing a raw 4-number array\n// as a prop (Framer has no native cubic-bezier control type).\nconst EASE_PRESETS={\"Linear/Vercel (default)\":DEFAULT_EASE,\"Ease Out\":[0,0,.2,1],\"Ease In Out\":[.45,0,.55,1],Snappy:[.34,1.56,.64,1],Linear:\"linear\"};export default function PremiumMicroIcons(props){const{iconType,iconColor,activeColor,iconSize,strokeWidth,animate,repeatAnimation,easeCurve,breathingRest,startDelay,style}=props;const rootRef=React.useRef(null);const viewportActive=useViewportActive(rootRef);const isStaticRenderer=useIsStaticRenderer();const prefersReducedMotion=useReducedMotion();const SelectedIcon=ICON_MAP[iconType]??SegmentedSpinnerIcon;const resolvedActiveColor=activeColor&&activeColor.trim()!==\"\"?activeColor:iconColor;const shouldAnimate=Boolean(animate)&&!prefersReducedMotion&&!isStaticRenderer&&viewportActive;// STROKE-WIDTH FIX: convert the \"Stroke Weight\" prop (a desired\n// constant on-screen pixel thickness) into the equivalent value in\n// viewBox units, since every icon's