tempest-react-sdk 0.23.0 → 0.25.0

package/dist/editor/RichTextEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.cjs","sources":["../../src/editor/RichTextEditor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport {\n    Bold,\n    Code,\n    Heading1,\n    Heading2,\n    Italic,\n    List,\n    ListOrdered,\n    Quote,\n    Redo2,\n    Strikethrough,\n    Undo2,\n} from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RichTextEditor.module.css\";\n\nexport interface RichTextEditorProps {\n    /** Current editor content as an HTML string (controlled). */\n    value: string;\n    /** Called with the updated HTML whenever the document changes. */\n    onChange: (html: string) => void;\n    /** Placeholder text shown when the editor is empty. */\n    placeholder?: string;\n    /** Whether the content is editable. Defaults to `true`. */\n    editable?: boolean;\n    /** Whether to render the formatting toolbar. Defaults to `true`. */\n    toolbar?: boolean;\n    /** Extra class names applied to the wrapper element. */\n    className?: string;\n}\n\n/**\n * RichTextEditor — a controlled WYSIWYG editor built on tiptap v3.\n *\n * Renders an optional formatting toolbar (bold, italic, strike, code, headings,\n * lists, blockquote, undo/redo) above a ProseMirror-backed editable area. The\n * document is controlled via the `value` (HTML) / `onChange` pair: external\n * changes to `value` are synced into the editor without re-emitting updates.\n */\nexport function RichTextEditor({\n    value,\n    onChange,\n    placeholder,\n    editable = true,\n    toolbar = true,\n    className,\n}: RichTextEditorProps) {\n    const editor = useEditor({\n        extensions: [StarterKit],\n        content: value,\n        editable,\n        onUpdate: ({ editor: instance }) => onChange(instance.getHTML()),\n    });\n\n    // Sync external `value` into the editor without re-triggering `onUpdate`.\n    useEffect(() => {\n        if (!editor) return;\n        if (value !== editor.getHTML()) {\n            editor.commands.setContent(value, { emitUpdate: false });\n        }\n    }, [editor, value]);\n\n    // Keep the editable flag in sync with the prop.\n    useEffect(() => {\n        if (!editor) return;\n        editor.setEditable(editable);\n    }, [editor, editable]);\n\n    if (!editor) return null;\n\n    const canUndo = editor.can().chain().focus().undo().run();\n    const canRedo = editor.can().chain().focus().redo().run();\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {toolbar && (\n                <div className={styles.toolbar} role=\"toolbar\" aria-label=\"Formatação de texto\">\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"bold\") && styles.active)}\n                        aria-label=\"Negrito\"\n                        aria-pressed={editor.isActive(\"bold\")}\n                        onClick={() => editor.chain().focus().toggleBold().run()}\n                    >\n                        <Bold size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"italic\") && styles.active)}\n                        aria-label=\"Itálico\"\n                        aria-pressed={editor.isActive(\"italic\")}\n                        onClick={() => editor.chain().focus().toggleItalic().run()}\n                    >\n                        <Italic size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"strike\") && styles.active)}\n                        aria-label=\"Tachado\"\n                        aria-pressed={editor.isActive(\"strike\")}\n                        onClick={() => editor.chain().focus().toggleStrike().run()}\n                    >\n                        <Strikethrough size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"code\") && styles.active)}\n                        aria-label=\"Código\"\n                        aria-pressed={editor.isActive(\"code\")}\n                        onClick={() => editor.chain().focus().toggleCode().run()}\n                    >\n                        <Code size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"heading\", { level: 1 }) && styles.active,\n                        )}\n                        aria-label=\"Título 1\"\n                        aria-pressed={editor.isActive(\"heading\", { level: 1 })}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n                    >\n                        <Heading1 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"heading\", { level: 2 }) && styles.active,\n                        )}\n                        aria-label=\"Título 2\"\n                        aria-pressed={editor.isActive(\"heading\", { level: 2 })}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n                    >\n                        <Heading2 size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"bulletList\") && styles.active,\n                        )}\n                        aria-label=\"Lista com marcadores\"\n                        aria-pressed={editor.isActive(\"bulletList\")}\n                        onClick={() => editor.chain().focus().toggleBulletList().run()}\n                    >\n                        <List size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"orderedList\") && styles.active,\n                        )}\n                        aria-label=\"Lista numerada\"\n                        aria-pressed={editor.isActive(\"orderedList\")}\n                        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n                    >\n                        <ListOrdered size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"blockquote\") && styles.active,\n                        )}\n                        aria-label=\"Citação\"\n                        aria-pressed={editor.isActive(\"blockquote\")}\n                        onClick={() => editor.chain().focus().toggleBlockquote().run()}\n                    >\n                        <Quote size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Desfazer\"\n                        disabled={!canUndo}\n                        onClick={() => editor.chain().focus().undo().run()}\n                    >\n                        <Undo2 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Refazer\"\n                        disabled={!canRedo}\n                        onClick={() => editor.chain().focus().redo().run()}\n                    >\n                        <Redo2 size={16} aria-hidden />\n                    </button>\n                </div>\n            )}\n            <EditorContent\n                editor={editor}\n                className={styles.content}\n                data-placeholder={placeholder}\n            />\n        </div>\n    );\n}\n"],"names":["RichTextEditor","value","onChange","placeholder","editable","toolbar","className","editor","useEditor","StarterKit","instance","useEffect","canUndo","canRedo","cn","styles","jsxs","jsx","Bold","Italic","Strikethrough","Code","Heading1","Heading2","List","ListOrdered","Quote","Undo2","Redo2","EditorContent"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.cjs","names":[],"sources":["../../src/editor/RichTextEditor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { EditorContent, useEditor, useEditorState } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport {\n    Bold,\n    Code,\n    Heading1,\n    Heading2,\n    Italic,\n    List,\n    ListOrdered,\n    Quote,\n    Redo2,\n    Strikethrough,\n    Undo2,\n} from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RichTextEditor.module.css\";\n\nexport interface RichTextEditorProps {\n    /** Current editor content as an HTML string (controlled). */\n    value: string;\n    /** Called with the updated HTML whenever the document changes. */\n    onChange: (html: string) => void;\n    /** Placeholder text shown when the editor is empty. */\n    placeholder?: string;\n    /** Whether the content is editable. Defaults to `true`. */\n    editable?: boolean;\n    /** Whether to render the formatting toolbar. Defaults to `true`. */\n    toolbar?: boolean;\n    /** Extra class names applied to the wrapper element. */\n    className?: string;\n}\n\n/**\n * RichTextEditor — a controlled WYSIWYG editor built on tiptap v3.\n *\n * Renders an optional formatting toolbar (bold, italic, strike, code, headings,\n * lists, blockquote, undo/redo) above a ProseMirror-backed editable area. The\n * document is controlled via the `value` (HTML) / `onChange` pair: external\n * changes to `value` are synced into the editor without re-emitting updates.\n *\n * The toolbar's pressed states and the undo/redo `disabled` flags come from\n * `useEditorState`, which subscribes to exactly those values. `useEditor` does\n * not re-render on transactions (the tiptap v3 default), so reading `isActive`\n * and `can()` directly in the render body left every button stale — toggling\n * bold with a collapsed cursor arms the mark without changing the document, so no\n * update event ever brought React back to recompute the state. Subscribing\n * re-renders only when one of the tracked values actually flips, which is also\n * cheaper than re-rendering on every keystroke.\n *\n * Two effects keep the instance aligned with the props: one pushes an external\n * `value` change into the document with `emitUpdate: false` (so syncing never\n * re-emits `onChange`), the other mirrors the `editable` flag.\n */\nexport function RichTextEditor({\n    value,\n    onChange,\n    placeholder,\n    editable = true,\n    toolbar = true,\n    className,\n}: RichTextEditorProps) {\n    const editor = useEditor({\n        extensions: [StarterKit],\n        content: value,\n        editable,\n        onUpdate: ({ editor: instance }) => onChange(instance.getHTML()),\n    });\n\n    useEffect(() => {\n        if (!editor) return;\n        if (value !== editor.getHTML()) {\n            editor.commands.setContent(value, { emitUpdate: false });\n        }\n    }, [editor, value]);\n\n    useEffect(() => {\n        if (!editor) return;\n        editor.setEditable(editable);\n    }, [editor, editable]);\n\n    const toolbarState = useEditorState({\n        editor,\n        selector: ({ editor: instance }) => ({\n            bold: instance.isActive(\"bold\"),\n            italic: instance.isActive(\"italic\"),\n            strike: instance.isActive(\"strike\"),\n            code: instance.isActive(\"code\"),\n            heading1: instance.isActive(\"heading\", { level: 1 }),\n            heading2: instance.isActive(\"heading\", { level: 2 }),\n            bulletList: instance.isActive(\"bulletList\"),\n            orderedList: instance.isActive(\"orderedList\"),\n            blockquote: instance.isActive(\"blockquote\"),\n            canUndo: instance.can().chain().focus().undo().run(),\n            canRedo: instance.can().chain().focus().redo().run(),\n        }),\n    });\n\n    if (!editor || !toolbarState) return null;\n\n    const canUndo = toolbarState.canUndo;\n    const canRedo = toolbarState.canRedo;\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {toolbar && (\n                <div className={styles.toolbar} role=\"toolbar\" aria-label=\"Formatação de texto\">\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.bold && styles.active)}\n                        aria-label=\"Negrito\"\n                        aria-pressed={toolbarState.bold}\n                        onClick={() => editor.chain().focus().toggleBold().run()}\n                    >\n                        <Bold size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.italic && styles.active)}\n                        aria-label=\"Itálico\"\n                        aria-pressed={toolbarState.italic}\n                        onClick={() => editor.chain().focus().toggleItalic().run()}\n                    >\n                        <Italic size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.strike && styles.active)}\n                        aria-label=\"Tachado\"\n                        aria-pressed={toolbarState.strike}\n                        onClick={() => editor.chain().focus().toggleStrike().run()}\n                    >\n                        <Strikethrough size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.code && styles.active)}\n                        aria-label=\"Código\"\n                        aria-pressed={toolbarState.code}\n                        onClick={() => editor.chain().focus().toggleCode().run()}\n                    >\n                        <Code size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.heading1 && styles.active)}\n                        aria-label=\"Título 1\"\n                        aria-pressed={toolbarState.heading1}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n                    >\n                        <Heading1 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.heading2 && styles.active)}\n                        aria-label=\"Título 2\"\n                        aria-pressed={toolbarState.heading2}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n                    >\n                        <Heading2 size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.bulletList && styles.active)}\n                        aria-label=\"Lista com marcadores\"\n                        aria-pressed={toolbarState.bulletList}\n                        onClick={() => editor.chain().focus().toggleBulletList().run()}\n                    >\n                        <List size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.orderedList && styles.active)}\n                        aria-label=\"Lista numerada\"\n                        aria-pressed={toolbarState.orderedList}\n                        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n                    >\n                        <ListOrdered size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.blockquote && styles.active)}\n                        aria-label=\"Citação\"\n                        aria-pressed={toolbarState.blockquote}\n                        onClick={() => editor.chain().focus().toggleBlockquote().run()}\n                    >\n                        <Quote size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Desfazer\"\n                        disabled={!canUndo}\n                        onClick={() => editor.chain().focus().undo().run()}\n                    >\n                        <Undo2 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Refazer\"\n                        disabled={!canRedo}\n                        onClick={() => editor.chain().focus().redo().run()}\n                    >\n                        <Redo2 size={16} aria-hidden />\n                    </button>\n                </div>\n            )}\n            <EditorContent\n                editor={editor}\n                className={styles.content}\n                data-placeholder={placeholder}\n            />\n        </div>\n    );\n}\n"],"mappings":"wRAuDA,SAAgB,EAAe,CAC3B,QACA,WACA,cACA,WAAW,GACX,UAAU,GACV,aACoB,CACpB,IAAM,GAAA,EAAA,EAAA,UAAA,CAAmB,CACrB,WAAY,CAAC,EAAA,OAAU,EACvB,QAAS,EACT,WACA,UAAW,CAAE,OAAQ,KAAe,EAAS,EAAS,QAAQ,CAAC,CACnE,CAAC,GAED,EAAA,EAAA,UAAA,KAAgB,CACP,GACD,IAAU,EAAO,QAAQ,GACzB,EAAO,SAAS,WAAW,EAAO,CAAE,WAAY,EAAM,CAAC,CAE/D,EAAG,CAAC,EAAQ,CAAK,CAAC,GAElB,EAAA,EAAA,UAAA,KAAgB,CACP,GACL,EAAO,YAAY,CAAQ,CAC/B,EAAG,CAAC,EAAQ,CAAQ,CAAC,EAErB,IAAM,GAAA,EAAA,EAAA,eAAA,CAA8B,CAChC,SACA,UAAW,CAAE,OAAQ,MAAgB,CACjC,KAAM,EAAS,SAAS,MAAM,EAC9B,OAAQ,EAAS,SAAS,QAAQ,EAClC,OAAQ,EAAS,SAAS,QAAQ,EAClC,KAAM,EAAS,SAAS,MAAM,EAC9B,SAAU,EAAS,SAAS,UAAW,CAAE,MAAO,CAAE,CAAC,EACnD,SAAU,EAAS,SAAS,UAAW,CAAE,MAAO,CAAE,CAAC,EACnD,WAAY,EAAS,SAAS,YAAY,EAC1C,YAAa,EAAS,SAAS,aAAa,EAC5C,WAAY,EAAS,SAAS,YAAY,EAC1C,QAAS,EAAS,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EACnD,QAAS,EAAS,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACvD,EACJ,CAAC,EAED,GAAI,CAAC,GAAU,CAAC,EAAc,OAAO,KAErC,IAAM,EAAU,EAAa,QACvB,EAAU,EAAa,QAE7B,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAS,KAAK,UAAU,aAAW,+BAA1D,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,MAAQ,EAAA,QAAO,MAAM,EAC/D,aAAW,UACX,eAAc,EAAa,KAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,YAEvD,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,KAAM,GAAI,cAAA,EAAa,CAAA,CACzB,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,QAAU,EAAA,QAAO,MAAM,EACjE,aAAW,UACX,eAAc,EAAa,OAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,YAEzD,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,KAAM,GAAI,cAAA,EAAa,CAAA,CAC3B,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,QAAU,EAAA,QAAO,MAAM,EACjE,aAAW,UACX,eAAc,EAAa,OAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,YAEzD,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAe,KAAM,GAAI,cAAA,EAAa,CAAA,CAClC,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,MAAQ,EAAA,QAAO,MAAM,EAC/D,aAAW,SACX,eAAc,EAAa,KAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,YAEvD,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,KAAM,GAAI,cAAA,EAAa,CAAA,CACzB,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAW,cAAA,EAAa,CAAA,GAChD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,UAAY,EAAA,QAAO,MAAM,EACnE,aAAW,WACX,eAAc,EAAa,SAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAE,MAAO,CAAE,CAAC,CAAC,CAAC,IAAI,YAEtE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAU,KAAM,GAAI,cAAA,EAAa,CAAA,CAC7B,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,UAAY,EAAA,QAAO,MAAM,EACnE,aAAW,WACX,eAAc,EAAa,SAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAE,MAAO,CAAE,CAAC,CAAC,CAAC,IAAI,YAEtE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAU,KAAM,GAAI,cAAA,EAAa,CAAA,CAC7B,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAW,cAAA,EAAa,CAAA,GAChD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,YAAc,EAAA,QAAO,MAAM,EACrE,aAAW,uBACX,eAAc,EAAa,WAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC,IAAI,YAE7D,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,KAAM,GAAI,cAAA,EAAa,CAAA,CACzB,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,aAAe,EAAA,QAAO,MAAM,EACtE,aAAW,iBACX,eAAc,EAAa,YAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAC,IAAI,YAE9D,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAa,KAAM,GAAI,cAAA,EAAa,CAAA,CAChC,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAa,YAAc,EAAA,QAAO,MAAM,EACrE,aAAW,UACX,eAAc,EAAa,WAC3B,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC,IAAI,YAE7D,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,KAAM,GAAI,cAAA,EAAa,CAAA,CAC1B,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAW,cAAA,EAAa,CAAA,GAChD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAW,WACX,SAAU,CAAC,EACX,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,YAEjD,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,KAAM,GAAI,cAAA,EAAa,CAAA,CAC1B,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAW,UACX,SAAU,CAAC,EACX,YAAe,EAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,YAEjD,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CAAO,KAAM,GAAI,cAAA,EAAa,CAAA,CAC1B,CAAA,CACP,KAET,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CACY,SACR,UAAW,EAAA,QAAO,QAClB,mBAAkB,CACrB,CAAA,CACA,GAEb"}

package/dist/editor/RichTextEditor.js

@@ -1,183 +1,190 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useEffect as s } from "react";
-import { useEditor as m, EditorContent as v } from "@tiptap/react";
-import g from "@tiptap/starter-kit";
-import { Bold as f, Italic as k, Strikethrough as A, Code as N, Heading1 as C, Heading2 as z, List as y, ListOrdered as L, Quote as x, Undo2 as H, Redo2 as T } from "lucide-react";
-import { cn as a } from "../utils/cn.js";
-import i from "./RichTextEditor.module.css.js";
-function j({
-  value: r,
-  onChange: c,
-  placeholder: l,
-  editable: o = !0,
-  toolbar: d = !0,
-  className: u
-}) {
-  const e = m({
-    extensions: [g],
-    content: r,
-    editable: o,
-    onUpdate: ({ editor: p }) => c(p.getHTML())
-  });
-  if (s(() => {
-    e && r !== e.getHTML() && e.commands.setContent(r, { emitUpdate: !1 });
-  }, [e, r]), s(() => {
-    e && e.setEditable(o);
-  }, [e, o]), !e) return null;
-  const b = e.can().chain().focus().undo().run(), h = e.can().chain().focus().redo().run();
-  return /* @__PURE__ */ n("div", { className: a(i.wrapper, u), children: [
-    d && /* @__PURE__ */ n("div", { className: i.toolbar, role: "toolbar", "aria-label": "Formatação de texto", children: [
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(i.button, e.isActive("bold") && i.active),
-          "aria-label": "Negrito",
-          "aria-pressed": e.isActive("bold"),
-          onClick: () => e.chain().focus().toggleBold().run(),
-          children: /* @__PURE__ */ t(f, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(i.button, e.isActive("italic") && i.active),
-          "aria-label": "Itálico",
-          "aria-pressed": e.isActive("italic"),
-          onClick: () => e.chain().focus().toggleItalic().run(),
-          children: /* @__PURE__ */ t(k, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(i.button, e.isActive("strike") && i.active),
-          "aria-label": "Tachado",
-          "aria-pressed": e.isActive("strike"),
-          onClick: () => e.chain().focus().toggleStrike().run(),
-          children: /* @__PURE__ */ t(A, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(i.button, e.isActive("code") && i.active),
-          "aria-label": "Código",
-          "aria-pressed": e.isActive("code"),
-          onClick: () => e.chain().focus().toggleCode().run(),
-          children: /* @__PURE__ */ t(N, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t("span", { className: i.separator, "aria-hidden": !0 }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(
-            i.button,
-            e.isActive("heading", { level: 1 }) && i.active
-          ),
-          "aria-label": "Título 1",
-          "aria-pressed": e.isActive("heading", { level: 1 }),
-          onClick: () => e.chain().focus().toggleHeading({ level: 1 }).run(),
-          children: /* @__PURE__ */ t(C, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(
-            i.button,
-            e.isActive("heading", { level: 2 }) && i.active
-          ),
-          "aria-label": "Título 2",
-          "aria-pressed": e.isActive("heading", { level: 2 }),
-          onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
-          children: /* @__PURE__ */ t(z, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t("span", { className: i.separator, "aria-hidden": !0 }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(
-            i.button,
-            e.isActive("bulletList") && i.active
-          ),
-          "aria-label": "Lista com marcadores",
-          "aria-pressed": e.isActive("bulletList"),
-          onClick: () => e.chain().focus().toggleBulletList().run(),
-          children: /* @__PURE__ */ t(y, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(
-            i.button,
-            e.isActive("orderedList") && i.active
-          ),
-          "aria-label": "Lista numerada",
-          "aria-pressed": e.isActive("orderedList"),
-          onClick: () => e.chain().focus().toggleOrderedList().run(),
-          children: /* @__PURE__ */ t(L, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: a(
-            i.button,
-            e.isActive("blockquote") && i.active
-          ),
-          "aria-label": "Citação",
-          "aria-pressed": e.isActive("blockquote"),
-          onClick: () => e.chain().focus().toggleBlockquote().run(),
-          children: /* @__PURE__ */ t(x, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t("span", { className: i.separator, "aria-hidden": !0 }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: i.button,
-          "aria-label": "Desfazer",
-          disabled: !b,
-          onClick: () => e.chain().focus().undo().run(),
-          children: /* @__PURE__ */ t(H, { size: 16, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: i.button,
-          "aria-label": "Refazer",
-          disabled: !h,
-          onClick: () => e.chain().focus().redo().run(),
-          children: /* @__PURE__ */ t(T, { size: 16, "aria-hidden": !0 })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(
-      v,
-      {
-        editor: e,
-        className: i.content,
-        "data-placeholder": l
-      }
-    )
-  ] });
+import { cn as e } from "../utils/cn.js";
+import t from "./RichTextEditor.module.js";
+import { useEffect as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Bold as a, Code as o, Heading1 as s, Heading2 as c, Italic as l, List as u, ListOrdered as d, Quote as f, Redo2 as p, Strikethrough as m, Undo2 as h } from "lucide-react";
+import { EditorContent as g, useEditor as _, useEditorState as v } from "@tiptap/react";
+import y from "@tiptap/starter-kit";
+//#region src/editor/RichTextEditor.tsx
+function b({ value: b, onChange: x, placeholder: S, editable: C = !0, toolbar: w = !0, className: T }) {
+	let E = _({
+		extensions: [y],
+		content: b,
+		editable: C,
+		onUpdate: ({ editor: e }) => x(e.getHTML())
+	});
+	n(() => {
+		E && b !== E.getHTML() && E.commands.setContent(b, { emitUpdate: !1 });
+	}, [E, b]), n(() => {
+		E && E.setEditable(C);
+	}, [E, C]);
+	let D = v({
+		editor: E,
+		selector: ({ editor: e }) => ({
+			bold: e.isActive("bold"),
+			italic: e.isActive("italic"),
+			strike: e.isActive("strike"),
+			code: e.isActive("code"),
+			heading1: e.isActive("heading", { level: 1 }),
+			heading2: e.isActive("heading", { level: 2 }),
+			bulletList: e.isActive("bulletList"),
+			orderedList: e.isActive("orderedList"),
+			blockquote: e.isActive("blockquote"),
+			canUndo: e.can().chain().focus().undo().run(),
+			canRedo: e.can().chain().focus().redo().run()
+		})
+	});
+	if (!E || !D) return null;
+	let O = D.canUndo, k = D.canRedo;
+	return /* @__PURE__ */ i("div", {
+		className: e(t.wrapper, T),
+		children: [w && /* @__PURE__ */ i("div", {
+			className: t.toolbar,
+			role: "toolbar",
+			"aria-label": "Formatação de texto",
+			children: [
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.bold && t.active),
+					"aria-label": "Negrito",
+					"aria-pressed": D.bold,
+					onClick: () => E.chain().focus().toggleBold().run(),
+					children: /* @__PURE__ */ r(a, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.italic && t.active),
+					"aria-label": "Itálico",
+					"aria-pressed": D.italic,
+					onClick: () => E.chain().focus().toggleItalic().run(),
+					children: /* @__PURE__ */ r(l, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.strike && t.active),
+					"aria-label": "Tachado",
+					"aria-pressed": D.strike,
+					onClick: () => E.chain().focus().toggleStrike().run(),
+					children: /* @__PURE__ */ r(m, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.code && t.active),
+					"aria-label": "Código",
+					"aria-pressed": D.code,
+					onClick: () => E.chain().focus().toggleCode().run(),
+					children: /* @__PURE__ */ r(o, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					className: t.separator,
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.heading1 && t.active),
+					"aria-label": "Título 1",
+					"aria-pressed": D.heading1,
+					onClick: () => E.chain().focus().toggleHeading({ level: 1 }).run(),
+					children: /* @__PURE__ */ r(s, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.heading2 && t.active),
+					"aria-label": "Título 2",
+					"aria-pressed": D.heading2,
+					onClick: () => E.chain().focus().toggleHeading({ level: 2 }).run(),
+					children: /* @__PURE__ */ r(c, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					className: t.separator,
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.bulletList && t.active),
+					"aria-label": "Lista com marcadores",
+					"aria-pressed": D.bulletList,
+					onClick: () => E.chain().focus().toggleBulletList().run(),
+					children: /* @__PURE__ */ r(u, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.orderedList && t.active),
+					"aria-label": "Lista numerada",
+					"aria-pressed": D.orderedList,
+					onClick: () => E.chain().focus().toggleOrderedList().run(),
+					children: /* @__PURE__ */ r(d, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.button, D.blockquote && t.active),
+					"aria-label": "Citação",
+					"aria-pressed": D.blockquote,
+					onClick: () => E.chain().focus().toggleBlockquote().run(),
+					children: /* @__PURE__ */ r(f, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					className: t.separator,
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: t.button,
+					"aria-label": "Desfazer",
+					disabled: !O,
+					onClick: () => E.chain().focus().undo().run(),
+					children: /* @__PURE__ */ r(h, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: t.button,
+					"aria-label": "Refazer",
+					disabled: !k,
+					onClick: () => E.chain().focus().redo().run(),
+					children: /* @__PURE__ */ r(p, {
+						size: 16,
+						"aria-hidden": !0
+					})
+				})
+			]
+		}), /* @__PURE__ */ r(g, {
+			editor: E,
+			className: t.content,
+			"data-placeholder": S
+		})]
+	});
 }
-export {
-  j as RichTextEditor
-};
-//# sourceMappingURL=RichTextEditor.js.map
+//#endregion
+export { b as RichTextEditor };
+
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/editor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sources":["../../src/editor/RichTextEditor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport {\n    Bold,\n    Code,\n    Heading1,\n    Heading2,\n    Italic,\n    List,\n    ListOrdered,\n    Quote,\n    Redo2,\n    Strikethrough,\n    Undo2,\n} from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RichTextEditor.module.css\";\n\nexport interface RichTextEditorProps {\n    /** Current editor content as an HTML string (controlled). */\n    value: string;\n    /** Called with the updated HTML whenever the document changes. */\n    onChange: (html: string) => void;\n    /** Placeholder text shown when the editor is empty. */\n    placeholder?: string;\n    /** Whether the content is editable. Defaults to `true`. */\n    editable?: boolean;\n    /** Whether to render the formatting toolbar. Defaults to `true`. */\n    toolbar?: boolean;\n    /** Extra class names applied to the wrapper element. */\n    className?: string;\n}\n\n/**\n * RichTextEditor — a controlled WYSIWYG editor built on tiptap v3.\n *\n * Renders an optional formatting toolbar (bold, italic, strike, code, headings,\n * lists, blockquote, undo/redo) above a ProseMirror-backed editable area. The\n * document is controlled via the `value` (HTML) / `onChange` pair: external\n * changes to `value` are synced into the editor without re-emitting updates.\n */\nexport function RichTextEditor({\n    value,\n    onChange,\n    placeholder,\n    editable = true,\n    toolbar = true,\n    className,\n}: RichTextEditorProps) {\n    const editor = useEditor({\n        extensions: [StarterKit],\n        content: value,\n        editable,\n        onUpdate: ({ editor: instance }) => onChange(instance.getHTML()),\n    });\n\n    // Sync external `value` into the editor without re-triggering `onUpdate`.\n    useEffect(() => {\n        if (!editor) return;\n        if (value !== editor.getHTML()) {\n            editor.commands.setContent(value, { emitUpdate: false });\n        }\n    }, [editor, value]);\n\n    // Keep the editable flag in sync with the prop.\n    useEffect(() => {\n        if (!editor) return;\n        editor.setEditable(editable);\n    }, [editor, editable]);\n\n    if (!editor) return null;\n\n    const canUndo = editor.can().chain().focus().undo().run();\n    const canRedo = editor.can().chain().focus().redo().run();\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {toolbar && (\n                <div className={styles.toolbar} role=\"toolbar\" aria-label=\"Formatação de texto\">\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"bold\") && styles.active)}\n                        aria-label=\"Negrito\"\n                        aria-pressed={editor.isActive(\"bold\")}\n                        onClick={() => editor.chain().focus().toggleBold().run()}\n                    >\n                        <Bold size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"italic\") && styles.active)}\n                        aria-label=\"Itálico\"\n                        aria-pressed={editor.isActive(\"italic\")}\n                        onClick={() => editor.chain().focus().toggleItalic().run()}\n                    >\n                        <Italic size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"strike\") && styles.active)}\n                        aria-label=\"Tachado\"\n                        aria-pressed={editor.isActive(\"strike\")}\n                        onClick={() => editor.chain().focus().toggleStrike().run()}\n                    >\n                        <Strikethrough size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, editor.isActive(\"code\") && styles.active)}\n                        aria-label=\"Código\"\n                        aria-pressed={editor.isActive(\"code\")}\n                        onClick={() => editor.chain().focus().toggleCode().run()}\n                    >\n                        <Code size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"heading\", { level: 1 }) && styles.active,\n                        )}\n                        aria-label=\"Título 1\"\n                        aria-pressed={editor.isActive(\"heading\", { level: 1 })}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n                    >\n                        <Heading1 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"heading\", { level: 2 }) && styles.active,\n                        )}\n                        aria-label=\"Título 2\"\n                        aria-pressed={editor.isActive(\"heading\", { level: 2 })}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n                    >\n                        <Heading2 size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"bulletList\") && styles.active,\n                        )}\n                        aria-label=\"Lista com marcadores\"\n                        aria-pressed={editor.isActive(\"bulletList\")}\n                        onClick={() => editor.chain().focus().toggleBulletList().run()}\n                    >\n                        <List size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"orderedList\") && styles.active,\n                        )}\n                        aria-label=\"Lista numerada\"\n                        aria-pressed={editor.isActive(\"orderedList\")}\n                        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n                    >\n                        <ListOrdered size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(\n                            styles.button,\n                            editor.isActive(\"blockquote\") && styles.active,\n                        )}\n                        aria-label=\"Citação\"\n                        aria-pressed={editor.isActive(\"blockquote\")}\n                        onClick={() => editor.chain().focus().toggleBlockquote().run()}\n                    >\n                        <Quote size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Desfazer\"\n                        disabled={!canUndo}\n                        onClick={() => editor.chain().focus().undo().run()}\n                    >\n                        <Undo2 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Refazer\"\n                        disabled={!canRedo}\n                        onClick={() => editor.chain().focus().redo().run()}\n                    >\n                        <Redo2 size={16} aria-hidden />\n                    </button>\n                </div>\n            )}\n            <EditorContent\n                editor={editor}\n                className={styles.content}\n                data-placeholder={placeholder}\n            />\n        </div>\n    );\n}\n"],"names":["RichTextEditor","value","onChange","placeholder","editable","toolbar","className","editor","useEditor","StarterKit","instance","useEffect","canUndo","canRedo","cn","styles","jsxs","jsx","Bold","Italic","Strikethrough","Code","Heading1","Heading2","List","ListOrdered","Quote","Undo2","Redo2","EditorContent"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.js","names":[],"sources":["../../src/editor/RichTextEditor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { EditorContent, useEditor, useEditorState } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport {\n    Bold,\n    Code,\n    Heading1,\n    Heading2,\n    Italic,\n    List,\n    ListOrdered,\n    Quote,\n    Redo2,\n    Strikethrough,\n    Undo2,\n} from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RichTextEditor.module.css\";\n\nexport interface RichTextEditorProps {\n    /** Current editor content as an HTML string (controlled). */\n    value: string;\n    /** Called with the updated HTML whenever the document changes. */\n    onChange: (html: string) => void;\n    /** Placeholder text shown when the editor is empty. */\n    placeholder?: string;\n    /** Whether the content is editable. Defaults to `true`. */\n    editable?: boolean;\n    /** Whether to render the formatting toolbar. Defaults to `true`. */\n    toolbar?: boolean;\n    /** Extra class names applied to the wrapper element. */\n    className?: string;\n}\n\n/**\n * RichTextEditor — a controlled WYSIWYG editor built on tiptap v3.\n *\n * Renders an optional formatting toolbar (bold, italic, strike, code, headings,\n * lists, blockquote, undo/redo) above a ProseMirror-backed editable area. The\n * document is controlled via the `value` (HTML) / `onChange` pair: external\n * changes to `value` are synced into the editor without re-emitting updates.\n *\n * The toolbar's pressed states and the undo/redo `disabled` flags come from\n * `useEditorState`, which subscribes to exactly those values. `useEditor` does\n * not re-render on transactions (the tiptap v3 default), so reading `isActive`\n * and `can()` directly in the render body left every button stale — toggling\n * bold with a collapsed cursor arms the mark without changing the document, so no\n * update event ever brought React back to recompute the state. Subscribing\n * re-renders only when one of the tracked values actually flips, which is also\n * cheaper than re-rendering on every keystroke.\n *\n * Two effects keep the instance aligned with the props: one pushes an external\n * `value` change into the document with `emitUpdate: false` (so syncing never\n * re-emits `onChange`), the other mirrors the `editable` flag.\n */\nexport function RichTextEditor({\n    value,\n    onChange,\n    placeholder,\n    editable = true,\n    toolbar = true,\n    className,\n}: RichTextEditorProps) {\n    const editor = useEditor({\n        extensions: [StarterKit],\n        content: value,\n        editable,\n        onUpdate: ({ editor: instance }) => onChange(instance.getHTML()),\n    });\n\n    useEffect(() => {\n        if (!editor) return;\n        if (value !== editor.getHTML()) {\n            editor.commands.setContent(value, { emitUpdate: false });\n        }\n    }, [editor, value]);\n\n    useEffect(() => {\n        if (!editor) return;\n        editor.setEditable(editable);\n    }, [editor, editable]);\n\n    const toolbarState = useEditorState({\n        editor,\n        selector: ({ editor: instance }) => ({\n            bold: instance.isActive(\"bold\"),\n            italic: instance.isActive(\"italic\"),\n            strike: instance.isActive(\"strike\"),\n            code: instance.isActive(\"code\"),\n            heading1: instance.isActive(\"heading\", { level: 1 }),\n            heading2: instance.isActive(\"heading\", { level: 2 }),\n            bulletList: instance.isActive(\"bulletList\"),\n            orderedList: instance.isActive(\"orderedList\"),\n            blockquote: instance.isActive(\"blockquote\"),\n            canUndo: instance.can().chain().focus().undo().run(),\n            canRedo: instance.can().chain().focus().redo().run(),\n        }),\n    });\n\n    if (!editor || !toolbarState) return null;\n\n    const canUndo = toolbarState.canUndo;\n    const canRedo = toolbarState.canRedo;\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {toolbar && (\n                <div className={styles.toolbar} role=\"toolbar\" aria-label=\"Formatação de texto\">\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.bold && styles.active)}\n                        aria-label=\"Negrito\"\n                        aria-pressed={toolbarState.bold}\n                        onClick={() => editor.chain().focus().toggleBold().run()}\n                    >\n                        <Bold size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.italic && styles.active)}\n                        aria-label=\"Itálico\"\n                        aria-pressed={toolbarState.italic}\n                        onClick={() => editor.chain().focus().toggleItalic().run()}\n                    >\n                        <Italic size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.strike && styles.active)}\n                        aria-label=\"Tachado\"\n                        aria-pressed={toolbarState.strike}\n                        onClick={() => editor.chain().focus().toggleStrike().run()}\n                    >\n                        <Strikethrough size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.code && styles.active)}\n                        aria-label=\"Código\"\n                        aria-pressed={toolbarState.code}\n                        onClick={() => editor.chain().focus().toggleCode().run()}\n                    >\n                        <Code size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.heading1 && styles.active)}\n                        aria-label=\"Título 1\"\n                        aria-pressed={toolbarState.heading1}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n                    >\n                        <Heading1 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.heading2 && styles.active)}\n                        aria-label=\"Título 2\"\n                        aria-pressed={toolbarState.heading2}\n                        onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n                    >\n                        <Heading2 size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.bulletList && styles.active)}\n                        aria-label=\"Lista com marcadores\"\n                        aria-pressed={toolbarState.bulletList}\n                        onClick={() => editor.chain().focus().toggleBulletList().run()}\n                    >\n                        <List size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.orderedList && styles.active)}\n                        aria-label=\"Lista numerada\"\n                        aria-pressed={toolbarState.orderedList}\n                        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n                    >\n                        <ListOrdered size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.button, toolbarState.blockquote && styles.active)}\n                        aria-label=\"Citação\"\n                        aria-pressed={toolbarState.blockquote}\n                        onClick={() => editor.chain().focus().toggleBlockquote().run()}\n                    >\n                        <Quote size={16} aria-hidden />\n                    </button>\n                    <span className={styles.separator} aria-hidden />\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Desfazer\"\n                        disabled={!canUndo}\n                        onClick={() => editor.chain().focus().undo().run()}\n                    >\n                        <Undo2 size={16} aria-hidden />\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={styles.button}\n                        aria-label=\"Refazer\"\n                        disabled={!canRedo}\n                        onClick={() => editor.chain().focus().redo().run()}\n                    >\n                        <Redo2 size={16} aria-hidden />\n                    </button>\n                </div>\n            )}\n            <EditorContent\n                editor={editor}\n                className={styles.content}\n                data-placeholder={placeholder}\n            />\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/editor/RichTextEditor.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_5sjnw`,t=`tempest_toolbar_jPVYB`,n=`tempest_button_tGqU5`,r=`tempest_active_g-cLq`,i=`tempest_separator_9QcK0`,a=`tempest_content_zcR6N`,o={wrapper:e,toolbar:t,button:n,active:r,separator:i,content:a};exports.active=r,exports.button=n,exports.content=a,exports.default=o,exports.separator=i,exports.toolbar=t,exports.wrapper=e;
+//# sourceMappingURL=RichTextEditor.module.cjs.map

package/dist/editor/RichTextEditor.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.module.cjs","names":[],"sources":["../../src/editor/RichTextEditor.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    overflow: hidden;\n}\n\n.toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2);\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n.button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-sm);\n    background-color: transparent;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled) {\n        background-color: var(--tempest-bg);\n        color: var(--tempest-text);\n    }\n}\n\n.button:focus-visible {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.button:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n}\n\n.button.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    border-color: var(--tempest-primary-soft);\n}\n\n.separator {\n    width: 1px;\n    align-self: stretch;\n    margin: 0 var(--tempest-space-1);\n    background-color: var(--tempest-border);\n}\n\n.content {\n    display: flex;\n    flex-direction: column;\n}\n\n.content :global(.ProseMirror) {\n    min-height: 160px;\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-normal);\n    outline: none;\n}\n\n.content :global(.ProseMirror:focus) {\n    box-shadow: inset 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.content :global(.ProseMirror p) {\n    margin: 0 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror h1) {\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-bold);\n    margin: var(--tempest-space-3) 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror h2) {\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-semibold);\n    margin: var(--tempest-space-3) 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror ul),\n.content :global(.ProseMirror ol) {\n    padding-left: var(--tempest-space-5);\n    margin: 0 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror blockquote) {\n    border-left: 3px solid var(--tempest-border);\n    padding-left: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    margin: 0 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror code) {\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-sm);\n    background-color: var(--tempest-surface);\n    padding: 0 var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n}\n\n.content :global(.ProseMirror p.is-editor-empty:first-child::before) {\n    content: attr(data-placeholder);\n    color: var(--tempest-text-subtle);\n    float: left;\n    height: 0;\n    pointer-events: none;\n}\n"],"mappings":""}

package/dist/editor/RichTextEditor.module.js

@@ -0,0 +1,13 @@
+//#region src/editor/RichTextEditor.module.css
+var e = "tempest_wrapper_5sjnw", t = "tempest_toolbar_jPVYB", n = "tempest_button_tGqU5", r = "tempest_active_g-cLq", i = "tempest_separator_9QcK0", a = "tempest_content_zcR6N", o = {
+	wrapper: e,
+	toolbar: t,
+	button: n,
+	active: r,
+	separator: i,
+	content: a
+};
+//#endregion
+export { r as active, n as button, a as content, o as default, i as separator, t as toolbar, e as wrapper };
+
+//# sourceMappingURL=RichTextEditor.module.js.map

package/dist/editor/RichTextEditor.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.module.js","names":[],"sources":["../../src/editor/RichTextEditor.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    overflow: hidden;\n}\n\n.toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2);\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n.button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-sm);\n    background-color: transparent;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled) {\n        background-color: var(--tempest-bg);\n        color: var(--tempest-text);\n    }\n}\n\n.button:focus-visible {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.button:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n}\n\n.button.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    border-color: var(--tempest-primary-soft);\n}\n\n.separator {\n    width: 1px;\n    align-self: stretch;\n    margin: 0 var(--tempest-space-1);\n    background-color: var(--tempest-border);\n}\n\n.content {\n    display: flex;\n    flex-direction: column;\n}\n\n.content :global(.ProseMirror) {\n    min-height: 160px;\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-normal);\n    outline: none;\n}\n\n.content :global(.ProseMirror:focus) {\n    box-shadow: inset 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.content :global(.ProseMirror p) {\n    margin: 0 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror h1) {\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-bold);\n    margin: var(--tempest-space-3) 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror h2) {\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-semibold);\n    margin: var(--tempest-space-3) 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror ul),\n.content :global(.ProseMirror ol) {\n    padding-left: var(--tempest-space-5);\n    margin: 0 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror blockquote) {\n    border-left: 3px solid var(--tempest-border);\n    padding-left: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    margin: 0 0 var(--tempest-space-2);\n}\n\n.content :global(.ProseMirror code) {\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-sm);\n    background-color: var(--tempest-surface);\n    padding: 0 var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n}\n\n.content :global(.ProseMirror p.is-editor-empty:first-child::before) {\n    content: attr(data-placeholder);\n    color: var(--tempest-text-subtle);\n    float: left;\n    height: 0;\n    pointer-events: none;\n}\n"],"mappings":""}

package/dist/editor.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./editor/RichTextEditor.cjs");exports.RichTextEditor=t.RichTextEditor;
-//# sourceMappingURL=editor.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./editor/RichTextEditor.cjs");exports.RichTextEditor=e.RichTextEditor;

package/dist/editor.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react';
 
 /**
  * RichTextEditor — a controlled WYSIWYG editor built on tiptap v3.
@@ -7,6 +7,19 @@ import { JSX } from 'react/jsx-runtime';
  * lists, blockquote, undo/redo) above a ProseMirror-backed editable area. The
  * document is controlled via the `value` (HTML) / `onChange` pair: external
  * changes to `value` are synced into the editor without re-emitting updates.
+ *
+ * The toolbar's pressed states and the undo/redo `disabled` flags come from
+ * `useEditorState`, which subscribes to exactly those values. `useEditor` does
+ * not re-render on transactions (the tiptap v3 default), so reading `isActive`
+ * and `can()` directly in the render body left every button stale — toggling
+ * bold with a collapsed cursor arms the mark without changing the document, so no
+ * update event ever brought React back to recompute the state. Subscribing
+ * re-renders only when one of the tracked values actually flips, which is also
+ * cheaper than re-rendering on every keystroke.
+ *
+ * Two effects keep the instance aligned with the props: one pushes an external
+ * `value` change into the document with `emitUpdate: false` (so syncing never
+ * re-emits `onChange`), the other mirrors the `editable` flag.
  */
 export declare function RichTextEditor({ value, onChange, placeholder, editable, toolbar, className, }: RichTextEditorProps): JSX.Element | null;
 

package/dist/editor.js

@@ -1,5 +1,2 @@
-import { RichTextEditor as t } from "./editor/RichTextEditor.js";
-export {
-  t as RichTextEditor
-};
-//# sourceMappingURL=editor.js.map
+import { RichTextEditor as e } from "./editor/RichTextEditor.js";
+export { e as RichTextEditor };

package/dist/error-boundary/ErrorBoundary.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function n(t=[],r=[]){if(t.length!==r.length)return!0;for(let e=0;e<t.length;e++)if(!Object.is(t[e],r[e]))return!0;return!1}class o extends s.Component{state={error:null};static getDerivedStateFromError(r){return{error:r}}componentDidCatch(r,e){this.props.onError?.(r,e)}componentDidUpdate(r){this.state.error&&n(r.resetKeys,this.props.resetKeys)&&this.reset()}reset=()=>{this.setState({error:null})};render(){const{error:r}=this.state;if(!r)return this.props.children;const{fallback:e}=this.props;return typeof e=="function"?e({error:r,reset:this.reset}):e}}exports.ErrorBoundary=o;
-//# sourceMappingURL=ErrorBoundary.cjs.map
+let e=require("react");function t(e=[],t=[]){if(e.length!==t.length)return!0;for(let n=0;n<e.length;n++)if(!Object.is(e[n],t[n]))return!0;return!1}var n=class extends e.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){this.props.onError?.(e,t)}componentDidUpdate(e){this.state.error&&t(e.resetKeys,this.props.resetKeys)&&this.reset()}reset=()=>{this.setState({error:null})};render(){let{error:e}=this.state;if(!e)return this.props.children;let{fallback:t}=this.props;return typeof t==`function`?t({error:e,reset:this.reset}):t}};exports.ErrorBoundary=n;
+//# sourceMappingURL=ErrorBoundary.cjs.map