{"version":3,"file":"MathEquation.cjs","sources":["../../src/react/MathEquation.tsx"],"sourcesContent":["import React from \"react\";\nimport { renderMath } from \"../core/renderMaths\";\nimport type { MathOptions } from \"../core/types\";\n\nexport interface ReactMathEquationProps extends Omit<MathOptions, 'style'> {\n    style?: React.CSSProperties;\n    as?: 'span' | 'div' | 'p';\n}\n\nexport const MathEquation: React.FC<ReactMathEquationProps> = ({\n    equation,\n    displayMode = false,\n    className = '',\n    style = {},\n    katexOptions = {},\n    onError,\n    as\n}) => {\n    const { html } = renderMath({\n        equation,\n        displayMode,\n        katexOptions,\n        onError,\n    });\n\n    const Container = as || (displayMode ? 'div' : 'span');\n\n    const responsiveStyle: React.CSSProperties = {\n        ...style,\n        maxWidth: '100%',\n        overflowX: 'auto',\n        display: displayMode ? 'block' : 'inline-block',\n    };\n\n    return (\n        <Container\n            className={`mathsnap-equation ${displayMode ? 'mathsnap-display' : 'mathsnap-inline'} ${className}`}\n            style={responsiveStyle}\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n\nexport default MathEquation;\n"],"names":["MathEquation","equation","displayMode","className","style","katexOptions","onError","as","html","renderMath","Container","responsiveStyle","maxWidth","overflowX","display","jsx","__html"],"mappings":"sLASaA,EAAiDA,CAAC,CAC3DC,SAAAA,EACAC,YAAAA,EAAc,GACdC,UAAAA,EAAY,GACZC,MAAAA,EAAQ,CAAA,EACRC,aAAAA,EAAe,CAAA,EACfC,QAAAA,EACAC,GAAAA,CACJ,IAAM,CACF,KAAM,CAAEC,KAAAA,CAAAA,EAASC,aAAW,CACxBR,SAAAA,EACAC,YAAAA,EACAG,aAAAA,EACAC,QAAAA,CAAAA,CACH,EAEKI,EAAYH,IAAOL,EAAc,MAAQ,QAEzCS,EAAuC,CACzC,GAAGP,EACHQ,SAAU,OACVC,UAAW,OACXC,QAASZ,EAAc,QAAU,cAAA,EAGrC,OACIa,EAAAA,IAACL,EAAA,CACG,UAAW,qBAAqBR,EAAc,mBAAqB,iBAAiB,IAAIC,CAAS,GACjG,MAAOQ,EACP,wBAAyB,CAAEK,OAAQR,CAAAA,EAAO,CAGtD"}