52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:Tf27,'use client'; import type { Variants } from 'motion/react'; import { motion, useAnimation } from 'motion/react'; import type { HTMLAttributes } from 'react'; import { forwardRef } from 'react'; import { useIconAnimation } from '@/lib/use-icon-animation'; import { cn } from '@/lib/utils'; export interface FireIconHandle { startAnimation: () => void; stopAnimation: () => void; } interface FireIconProps extends HTMLAttributes { size?: number; } const FLAME_REST = 'M13.8561 22C26.0783 19 19.2338 7 10.9227 2C9.9453 5.5 8.47838 6.5 5.54497 10C1.66121 14.6339 3.5895 20 8.96719 22C8.1524 21 6.04958 18.9008 7.5 16C8 15 9 14 8.5 12C9.47778 12.5 11.5 13 12 15.5C12.8148 14.5 13.6604 12.4 12.8783 10C19 14.5 16.5 19 13.8561 22Z'; const FLAME_LEAN_LEFT = 'M13.8561 22C25.4 19.2 18.4 7.2 9.65 2.15C8.75 5.7 7.65 6.8 4.9 10.45C1.7 14.8 3.6 20 8.96719 22C8.15 21 6.15 18.65 7.65 16.15C8.35 15.1 9.4 14.15 8.85 12.45C9.65 12.9 11.45 13.35 11.9 15.85C12.75 14.7 13.35 12.8 12.55 10.55C18.2 14.8 16.1 19.15 13.8561 22Z'; const FLAME_LIFT = 'M13.8561 22C26.15 19.05 19.55 5.7 11.25 1.1C10.6 4.9 9.4 6.25 6.05 9.85C1.66121 14.6339 3.5895 20 8.96719 22C8.1524 21 6.35 18.85 7.65 16.05C8.25 14.9 9.15 13.9 8.7 11.8C9.65 12.45 11.55 13.1 12 15.55C12.85 14.4 13.45 12.15 12.7 9.65C19.1 14.15 16.7 18.85 13.8561 22Z'; const FLAME_LEAN_RIGHT = 'M13.8561 22C26.5 18.45 20.15 6.45 12.25 1.6C10.5 5.15 8.9 6.1 5.9 9.55C1.66121 14.6339 3.5895 20 8.96719 22C8.1524 21 5.9 19.05 7.3 15.65C7.8 14.75 8.7 13.65 8.2 11.45C9.3 12.05 11.55 12.65 12.1 15.1C12.95 14.05 13.95 11.95 13.2 9.45C19.65 14.05 16.8 18.75 13.8561 22Z'; const FLAME_QUICK = 'M13.8561 22C26.2 19.1 19.95 6.7 12.05 1.35C10.95 5 9.4 6.25 6.1 9.65C1.66121 14.6339 3.5895 20 8.96719 22C8.1524 21 6.2 18.9 7.55 16.15C8.2 15 9.1 14.05 8.55 12.05C9.45 12.55 11.2 13.05 11.95 15.45C12.8 14.2 13.75 12.15 12.55 10C18.7 14.4 16.45 19 13.8561 22Z'; const flameVariants: Variants = { normal: { originX: '50%', originY: '100%', d: FLAME_REST, transform: 'translate(0px, 0px) scaleY(1)', }, animate: { originX: '50%', originY: '100%', d: [ FLAME_REST, FLAME_LEAN_LEFT, FLAME_LIFT, FLAME_LEAN_RIGHT, FLAME_QUICK, FLAME_REST, ], transform: [ 'translate(0px, 0px) scaleY(1)', 'translate(-0.15px, 0px) scaleY(1.02)', 'translate(0px, -0.15px) scaleY(1.06)', 'translate(0.18px, 0px) scaleY(0.98)', 'translate(-0.05px, 0.08px) scaleY(1.01)', 'translate(0px, 0px) scaleY(1)', ], transition: { duration: 1.1, ease: [0.4, 0, 0.2, 1], times: [0, 0.16, 0.32, 0.52, 0.72, 1], repeat: Infinity, }, }, }; const FireIcon = forwardRef( ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => { const controls = useAnimation(); const { handleMouseEnter, handleMouseLeave } = useIconAnimation({ controls, loops: true, onMouseEnter, onMouseLeave, ref, }); return (

); } ); FireIcon.displayName = 'FireIcon'; export { FireIcon }; 55:T83d,'use client'; import type { LegacyAnimationControls } from 'motion/react'; import { useReducedMotion } from 'motion/react'; import type { ForwardedRef, MouseEventHandler, } from 'react'; import { useCallback, useImperativeHandle, useRef } from 'react'; export interface AnimatedIconHandle { startAnimation: () => void; stopAnimation: () => void; } interface UseIconAnimationOptions { controls: LegacyAnimationControls; loops?: boolean; onMouseEnter?: MouseEventHandler; onMouseLeave?: MouseEventHandler; ref: ForwardedRef; } export function useIconAnimation({ controls, loops = false, onMouseEnter, onMouseLeave, ref, }: UseIconAnimationOptions) { const shouldReduceMotion = useReducedMotion(); const isControlledRef = useRef(false); const isPlayingRef = useRef(false); const runRef = useRef(0); const startAnimation = useCallback(() => { if (shouldReduceMotion || isPlayingRef.current) return; isPlayingRef.current = true; const run = ++runRef.current; controls.set('normal'); void controls.start('animate').then(() => { if (runRef.current === run) isPlayingRef.current = false; }); }, [controls, shouldReduceMotion]); const stopAnimation = useCallback(() => { if (!loops) return; runRef.current++; isPlayingRef.current = false; void controls.start('normal'); }, [controls, loops]); useImperativeHandle( ref, () => { isControlledRef.current = true; return { startAnimation, stopAnimation }; }, [startAnimation, stopAnimation] ); const handleMouseEnter = useCallback>( (event) => { onMouseEnter?.(event); if (!isControlledRef.current) startAnimation(); }, [onMouseEnter, startAnimation] ); const handleMouseLeave = useCallback>( (event) => { onMouseLeave?.(event); if (!isControlledRef.current) stopAnimation(); }, [onMouseLeave, stopAnimation] ); return { handleMouseEnter, handleMouseLeave }; } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L52",null,{"namespace":"@hugeicons-animated","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"icons/fire.tsx","content":"$54","type":"registry:ui"},{"path":"lib/use-icon-animation.ts","content":"$55","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]