{"version":3,"file":"RichTextRenderer.cjs","sources":["../../../../src/components/data-display/rich-text-renderer/RichTextRenderer.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RICH_TEXT_RENDERER_STYLES } from '@components/data-display/rich-text-renderer/styles/RichTextRenderer.css.ts'\r\nimport type { RichTextRendererProps } from '@components/data-display/rich-text-renderer/types'\r\nimport { renderRichTextNodes } from '@components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx'\r\n\r\n/**\r\n * Renders a structured rich-text document (TipTap JSON) as themed HTML.\r\n * Read-only; pair with `RichTextEditor` for editing.\r\n */\r\nconst RichTextRenderer = memo<RichTextRendererProps>(({\r\n    value,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        ref={ref}\r\n        className={cn(RICH_TEXT_RENDERER_STYLES, className)}\r\n        {...props}\r\n    >\r\n        {renderRichTextNodes(value.content)}\r\n    </Box>\r\n))\r\n\r\nRichTextRenderer.displayName = 'RichTextRenderer'\r\n\r\nexport default RichTextRenderer\r\n"],"names":["RichTextRenderer","memo","value","className","ref","props","jsx","Box","cn","RICH_TEXT_RENDERER_STYLES","renderRichTextNodes"],"mappings":"qSAYMA,EAAmBC,EAAAA,KAA4B,CAAC,CAClD,MAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,UAAWI,EAAAA,GAAGC,EAAAA,0BAA2BN,CAAS,EACjD,GAAGE,EAEH,SAAAK,EAAAA,oBAAoBR,EAAM,OAAO,CAAA,CACtC,CACH,EAEDF,EAAiB,YAAc"}