tempest-react-sdk 0.23.0 → 0.24.0

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

package/dist/error-boundary/ErrorBoundary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.cjs","sources":["../../src/error-boundary/ErrorBoundary.tsx"],"sourcesContent":["import { Component } from \"react\";\nimport type { ErrorInfo, ReactNode } from \"react\";\n\nexport interface ErrorBoundaryRenderProps {\n    error: Error;\n    reset: () => void;\n}\n\nexport interface ErrorBoundaryProps {\n    children: ReactNode;\n    /**\n     * Element shown when a descendant throws. Receives the captured error and\n     * a `reset` callback that clears the boundary state.\n     */\n    fallback: ReactNode | ((props: ErrorBoundaryRenderProps) => ReactNode);\n    /** Forwarded to your error tracker (Sentry, Datadog, console, etc.). */\n    onError?: (error: Error, info: ErrorInfo) => void;\n    /**\n     * When any value in this array changes, the boundary automatically resets.\n     * Useful for clearing the error after a navigation.\n     */\n    resetKeys?: readonly unknown[];\n}\n\ninterface ErrorBoundaryState {\n    error: Error | null;\n}\n\nfunction keysChanged(a: readonly unknown[] = [], b: readonly unknown[] = []): boolean {\n    if (a.length !== b.length) return true;\n    for (let i = 0; i < a.length; i++) {\n        if (!Object.is(a[i], b[i])) return true;\n    }\n    return false;\n}\n\n/**\n * Class-based React error boundary with a render-prop or static fallback.\n * Auto-resets when any value in `resetKeys` changes.\n *\n * @example\n * <ErrorBoundary\n *     resetKeys={[location.pathname]}\n *     onError={(err) => reportError(err)}\n *     fallback={({ error, reset }) => (\n *         <ErrorState description={error.message} onRetry={reset} />\n *     )}\n * >\n *     <App />\n * </ErrorBoundary>\n */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    override state: ErrorBoundaryState = { error: null };\n\n    static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n        return { error };\n    }\n\n    override componentDidCatch(error: Error, info: ErrorInfo): void {\n        this.props.onError?.(error, info);\n    }\n\n    override componentDidUpdate(previousProps: ErrorBoundaryProps): void {\n        if (this.state.error && keysChanged(previousProps.resetKeys, this.props.resetKeys)) {\n            this.reset();\n        }\n    }\n\n    reset = (): void => {\n        this.setState({ error: null });\n    };\n\n    override render(): ReactNode {\n        const { error } = this.state;\n        if (!error) return this.props.children;\n\n        const { fallback } = this.props;\n        if (typeof fallback === \"function\") {\n            return fallback({ error, reset: this.reset });\n        }\n        return fallback;\n    }\n}\n"],"names":["keysChanged","a","b","i","ErrorBoundary","Component","error","info","previousProps","fallback"],"mappings":"yGA4BA,SAASA,EAAYC,EAAwB,GAAIC,EAAwB,CAAA,EAAa,CAClF,GAAID,EAAE,SAAWC,EAAE,OAAQ,MAAO,GAClC,QAASC,EAAI,EAAGA,EAAIF,EAAE,OAAQE,IAC1B,GAAI,CAAC,OAAO,GAAGF,EAAEE,CAAC,EAAGD,EAAEC,CAAC,CAAC,EAAG,MAAO,GAEvC,MAAO,EACX,CAiBO,MAAMC,UAAsBC,EAAAA,SAAkD,CACxE,MAA4B,CAAE,MAAO,IAAA,EAE9C,OAAO,yBAAyBC,EAAkC,CAC9D,MAAO,CAAE,MAAAA,CAAA,CACb,CAES,kBAAkBA,EAAcC,EAAuB,CAC5D,KAAK,MAAM,UAAUD,EAAOC,CAAI,CACpC,CAES,mBAAmBC,EAAyC,CAC7D,KAAK,MAAM,OAASR,EAAYQ,EAAc,UAAW,KAAK,MAAM,SAAS,GAC7E,KAAK,MAAA,CAEb,CAEA,MAAQ,IAAY,CAChB,KAAK,SAAS,CAAE,MAAO,IAAA,CAAM,CACjC,EAES,QAAoB,CACzB,KAAM,CAAE,MAAAF,GAAU,KAAK,MACvB,GAAI,CAACA,EAAO,OAAO,KAAK,MAAM,SAE9B,KAAM,CAAE,SAAAG,GAAa,KAAK,MAC1B,OAAI,OAAOA,GAAa,WACbA,EAAS,CAAE,MAAAH,EAAO,MAAO,KAAK,MAAO,EAEzCG,CACX,CACJ"}
+{"version":3,"file":"ErrorBoundary.cjs","names":[],"sources":["../../src/error-boundary/ErrorBoundary.tsx"],"sourcesContent":["import { Component } from \"react\";\nimport type { ErrorInfo, ReactNode } from \"react\";\n\nexport interface ErrorBoundaryRenderProps {\n    error: Error;\n    reset: () => void;\n}\n\nexport interface ErrorBoundaryProps {\n    children: ReactNode;\n    /**\n     * Element shown when a descendant throws. Receives the captured error and\n     * a `reset` callback that clears the boundary state.\n     */\n    fallback: ReactNode | ((props: ErrorBoundaryRenderProps) => ReactNode);\n    /** Forwarded to your error tracker (Sentry, Datadog, console, etc.). */\n    onError?: (error: Error, info: ErrorInfo) => void;\n    /**\n     * When any value in this array changes, the boundary automatically resets.\n     * Useful for clearing the error after a navigation.\n     */\n    resetKeys?: readonly unknown[];\n}\n\ninterface ErrorBoundaryState {\n    error: Error | null;\n}\n\nfunction keysChanged(a: readonly unknown[] = [], b: readonly unknown[] = []): boolean {\n    if (a.length !== b.length) return true;\n    for (let i = 0; i < a.length; i++) {\n        if (!Object.is(a[i], b[i])) return true;\n    }\n    return false;\n}\n\n/**\n * Class-based React error boundary with a render-prop or static fallback.\n * Auto-resets when any value in `resetKeys` changes.\n *\n * @example\n * <ErrorBoundary\n *     resetKeys={[location.pathname]}\n *     onError={(err) => reportError(err)}\n *     fallback={({ error, reset }) => (\n *         <ErrorState description={error.message} onRetry={reset} />\n *     )}\n * >\n *     <App />\n * </ErrorBoundary>\n */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    override state: ErrorBoundaryState = { error: null };\n\n    static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n        return { error };\n    }\n\n    override componentDidCatch(error: Error, info: ErrorInfo): void {\n        this.props.onError?.(error, info);\n    }\n\n    override componentDidUpdate(previousProps: ErrorBoundaryProps): void {\n        if (this.state.error && keysChanged(previousProps.resetKeys, this.props.resetKeys)) {\n            this.reset();\n        }\n    }\n\n    reset = (): void => {\n        this.setState({ error: null });\n    };\n\n    override render(): ReactNode {\n        const { error } = this.state;\n        if (!error) return this.props.children;\n\n        const { fallback } = this.props;\n        if (typeof fallback === \"function\") {\n            return fallback({ error, reset: this.reset });\n        }\n        return fallback;\n    }\n}\n"],"mappings":"uBA4BA,SAAS,EAAY,EAAwB,CAAC,EAAG,EAAwB,CAAC,EAAY,CAClF,GAAI,EAAE,SAAW,EAAE,OAAQ,MAAO,GAClC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAE,OAAQ,IAC1B,GAAI,CAAC,OAAO,GAAG,EAAE,GAAI,EAAE,EAAE,EAAG,MAAO,GAEvC,MAAO,EACX,CAiBA,IAAa,EAAb,cAAmC,EAAA,SAAkD,CACjF,MAAqC,CAAE,MAAO,IAAK,EAEnD,OAAO,yBAAyB,EAAkC,CAC9D,MAAO,CAAE,OAAM,CACnB,CAEA,kBAA2B,EAAc,EAAuB,CAC5D,KAAK,MAAM,UAAU,EAAO,CAAI,CACpC,CAEA,mBAA4B,EAAyC,CAC7D,KAAK,MAAM,OAAS,EAAY,EAAc,UAAW,KAAK,MAAM,SAAS,GAC7E,KAAK,MAAM,CAEnB,CAEA,UAAoB,CAChB,KAAK,SAAS,CAAE,MAAO,IAAK,CAAC,CACjC,EAEA,QAA6B,CACzB,GAAM,CAAE,SAAU,KAAK,MACvB,GAAI,CAAC,EAAO,OAAO,KAAK,MAAM,SAE9B,GAAM,CAAE,YAAa,KAAK,MAI1B,OAHI,OAAO,GAAa,WACb,EAAS,CAAE,QAAO,MAAO,KAAK,KAAM,CAAC,EAEzC,CACX,CACJ"}