tempest-react-sdk 0.22.0 → 0.24.0

package/dist/editor/RichTextEditor.js

@@ -0,0 +1,190 @@
+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
+		})]
+	});
+}
+//#endregion
+export { b as RichTextEditor };
+
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/editor/RichTextEditor.js.map

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

package/dist/error-boundary/ErrorBoundary.cjs

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/error-boundary/ErrorBoundary.js

@@ -0,0 +1,35 @@
+import { Component as e } from "react";
+//#region src/error-boundary/ErrorBoundary.tsx
+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 {
+	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;
+	}
+};
+//#endregion
+export { n as ErrorBoundary };
+
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","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":";;AA4BA,SAAS,EAAY,IAAwB,CAAC,GAAG,IAAwB,CAAC,GAAY;CAClF,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAO;CAClC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,KAC1B,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,OAAO;CAEvC,OAAO;AACX;AAiBA,IAAa,IAAb,cAAmC,EAAkD;CACjF,QAAqC,EAAE,OAAO,KAAK;CAEnD,OAAO,yBAAyB,GAAkC;EAC9D,OAAO,EAAE,SAAM;CACnB;CAEA,kBAA2B,GAAc,GAAuB;EAC5D,KAAK,MAAM,UAAU,GAAO,CAAI;CACpC;CAEA,mBAA4B,GAAyC;EACjE,AAAI,KAAK,MAAM,SAAS,EAAY,EAAc,WAAW,KAAK,MAAM,SAAS,KAC7E,KAAK,MAAM;CAEnB;CAEA,cAAoB;EAChB,KAAK,SAAS,EAAE,OAAO,KAAK,CAAC;CACjC;CAEA,SAA6B;EACzB,IAAM,EAAE,aAAU,KAAK;EACvB,IAAI,CAAC,GAAO,OAAO,KAAK,MAAM;EAE9B,IAAM,EAAE,gBAAa,KAAK;EAI1B,OAHI,OAAO,KAAa,aACb,EAAS;GAAE;GAAO,OAAO,KAAK;EAAM,CAAC,IAEzC;CACX;AACJ"}

package/dist/error-boundary/use-error-handler.cjs

@@ -0,0 +1,2 @@
+let e=require("react");function t(){let[,t]=(0,e.useState)(null);return(0,e.useCallback)(e=>{t(()=>{throw e instanceof Error?e:Error(String(e))})},[])}exports.useErrorHandler=t;
+//# sourceMappingURL=use-error-handler.cjs.map

package/dist/error-boundary/use-error-handler.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-error-handler.cjs","names":[],"sources":["../../src/error-boundary/use-error-handler.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\n/**\n * Hook that propagates errors to the nearest {@link ErrorBoundary}.\n *\n * React error boundaries only catch errors thrown during render. Async errors\n * (failed mutations, websocket failures, etc.) need to be re-thrown in a\n * render pass — that is what `throwError` does.\n *\n * @example\n * const throwError = useErrorHandler();\n * useEffect(() => {\n *     stream.on(\"error\", throwError);\n * }, []);\n */\nexport function useErrorHandler(): (error: unknown) => void {\n    const [, setState] = useState<Error | null>(null);\n    return useCallback((error: unknown) => {\n        setState(() => {\n            throw error instanceof Error ? error : new Error(String(error));\n        });\n    }, []);\n}\n"],"mappings":"uBAeA,SAAgB,GAA4C,CACxD,GAAM,EAAG,IAAA,EAAA,EAAA,SAAA,CAAmC,IAAI,EAChD,OAAA,EAAA,EAAA,YAAA,CAAoB,GAAmB,CACnC,MAAe,CACX,MAAM,aAAiB,MAAQ,EAAY,MAAM,OAAO,CAAK,CAAC,CAClE,CAAC,CACL,EAAG,CAAC,CAAC,CACT"}

package/dist/error-boundary/use-error-handler.js

@@ -0,0 +1,14 @@
+import { useCallback as e, useState as t } from "react";
+//#region src/error-boundary/use-error-handler.ts
+function n() {
+	let [, n] = t(null);
+	return e((e) => {
+		n(() => {
+			throw e instanceof Error ? e : Error(String(e));
+		});
+	}, []);
+}
+//#endregion
+export { n as useErrorHandler };
+
+//# sourceMappingURL=use-error-handler.js.map

package/dist/error-boundary/use-error-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-error-handler.js","names":[],"sources":["../../src/error-boundary/use-error-handler.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\n/**\n * Hook that propagates errors to the nearest {@link ErrorBoundary}.\n *\n * React error boundaries only catch errors thrown during render. Async errors\n * (failed mutations, websocket failures, etc.) need to be re-thrown in a\n * render pass — that is what `throwError` does.\n *\n * @example\n * const throwError = useErrorHandler();\n * useEffect(() => {\n *     stream.on(\"error\", throwError);\n * }, []);\n */\nexport function useErrorHandler(): (error: unknown) => void {\n    const [, setState] = useState<Error | null>(null);\n    return useCallback((error: unknown) => {\n        setState(() => {\n            throw error instanceof Error ? error : new Error(String(error));\n        });\n    }, []);\n}\n"],"mappings":";;AAeA,SAAgB,IAA4C;CACxD,IAAM,GAAG,KAAY,EAAuB,IAAI;CAChD,OAAO,GAAa,MAAmB;EACnC,QAAe;GACX,MAAM,aAAiB,QAAQ,IAAY,MAAM,OAAO,CAAK,CAAC;EAClE,CAAC;CACL,GAAG,CAAC,CAAC;AACT"}

package/dist/feature-flags/FeatureFlagsProvider.cjs

@@ -0,0 +1,2 @@
+let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.createContext)(null);function r({adapter:r,children:i}){let a=(0,e.useMemo)(()=>r,[r]);return(0,e.useEffect)(()=>void 0,[a]),(0,t.jsx)(n.Provider,{value:a,children:i})}function i(){let t=(0,e.useContext)(n);if(!t)throw Error(`useFeatureFlag requires <FeatureFlagsProvider>`);return t}function a(t,n=!1){let r=i(),a=e=>r.onChange?r.onChange(e):()=>void 0,o=()=>r.isEnabled(t,n);return(0,e.useSyncExternalStore)(a,o,o)}function o(t,n){let r=i(),a=e=>r.onChange?r.onChange(e):()=>void 0,o=()=>r.get(t,n);return(0,e.useSyncExternalStore)(a,o,o)}exports.FeatureFlagsProvider=r,exports.useFeatureFlag=a,exports.useFlagValue=o;
+//# sourceMappingURL=FeatureFlagsProvider.cjs.map

package/dist/feature-flags/FeatureFlagsProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagsProvider.cjs","names":[],"sources":["../../src/feature-flags/FeatureFlagsProvider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useMemo, useSyncExternalStore } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { FeatureFlagsAdapter, FlagValue } from \"./types\";\n\nconst FeatureFlagsContext = createContext<FeatureFlagsAdapter | null>(null);\n\nexport interface FeatureFlagsProviderProps {\n    adapter: FeatureFlagsAdapter;\n    children: ReactNode;\n}\n\n/** Inject a feature flags adapter into the tree. */\nexport function FeatureFlagsProvider({ adapter, children }: FeatureFlagsProviderProps) {\n    const value = useMemo(() => adapter, [adapter]);\n    useEffect(() => undefined, [value]);\n    return <FeatureFlagsContext.Provider value={value}>{children}</FeatureFlagsContext.Provider>;\n}\n\nfunction useAdapter(): FeatureFlagsAdapter {\n    const ctx = useContext(FeatureFlagsContext);\n    if (!ctx) throw new Error(\"useFeatureFlag requires <FeatureFlagsProvider>\");\n    return ctx;\n}\n\n/**\n * Read a boolean flag and re-render when the adapter fires `onChange`.\n *\n * @example\n * const showNewFeed = useFeatureFlag(\"new-feed\", false);\n */\nexport function useFeatureFlag(key: string, defaultValue = false): boolean {\n    const adapter = useAdapter();\n    const subscribe = (listener: () => void): (() => void) =>\n        adapter.onChange ? adapter.onChange(listener) : () => undefined;\n    const get = (): boolean => adapter.isEnabled(key, defaultValue);\n    return useSyncExternalStore(subscribe, get, get);\n}\n\n/**\n * Read a typed flag value (string / number / boolean / null) and re-render\n * on change.\n */\nexport function useFlagValue<T extends FlagValue = FlagValue>(key: string, defaultValue?: T): T {\n    const adapter = useAdapter();\n    const subscribe = (listener: () => void): (() => void) =>\n        adapter.onChange ? adapter.onChange(listener) : () => undefined;\n    const get = (): T => adapter.get<T>(key, defaultValue);\n    return useSyncExternalStore(subscribe, get, get);\n}\n"],"mappings":"sDAIA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAgE,IAAI,EAQ1E,SAAgB,EAAqB,CAAE,UAAS,YAAuC,CACnF,IAAM,GAAA,EAAA,EAAA,QAAA,KAAsB,EAAS,CAAC,CAAO,CAAC,EAE9C,OADA,EAAA,EAAA,UAAA,KAAgB,IAAA,GAAW,CAAC,CAAK,CAAC,GAC3B,EAAA,EAAA,IAAA,CAAC,EAAoB,SAArB,CAAqC,QAAQ,UAAuC,CAAA,CAC/F,CAEA,SAAS,GAAkC,CACvC,IAAM,GAAA,EAAA,EAAA,WAAA,CAAiB,CAAmB,EAC1C,GAAI,CAAC,EAAK,MAAU,MAAM,gDAAgD,EAC1E,OAAO,CACX,CAQA,SAAgB,EAAe,EAAa,EAAe,GAAgB,CACvE,IAAM,EAAU,EAAW,EACrB,EAAa,GACf,EAAQ,SAAW,EAAQ,SAAS,CAAQ,MAAU,IAAA,GACpD,MAAqB,EAAQ,UAAU,EAAK,CAAY,EAC9D,OAAA,EAAA,EAAA,qBAAA,CAA4B,EAAW,EAAK,CAAG,CACnD,CAMA,SAAgB,EAA8C,EAAa,EAAqB,CAC5F,IAAM,EAAU,EAAW,EACrB,EAAa,GACf,EAAQ,SAAW,EAAQ,SAAS,CAAQ,MAAU,IAAA,GACpD,MAAe,EAAQ,IAAO,EAAK,CAAY,EACrD,OAAA,EAAA,EAAA,qBAAA,CAA4B,EAAW,EAAK,CAAG,CACnD"}

package/dist/feature-flags/FeatureFlagsProvider.js

@@ -0,0 +1,28 @@
+import { createContext as e, useContext as t, useEffect as n, useMemo as r, useSyncExternalStore as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/feature-flags/FeatureFlagsProvider.tsx
+var o = e(null);
+function s({ adapter: e, children: t }) {
+	let i = r(() => e, [e]);
+	return n(() => void 0, [i]), /* @__PURE__ */ a(o.Provider, {
+		value: i,
+		children: t
+	});
+}
+function c() {
+	let e = t(o);
+	if (!e) throw Error("useFeatureFlag requires <FeatureFlagsProvider>");
+	return e;
+}
+function l(e, t = !1) {
+	let n = c(), r = (e) => n.onChange ? n.onChange(e) : () => void 0, a = () => n.isEnabled(e, t);
+	return i(r, a, a);
+}
+function u(e, t) {
+	let n = c(), r = (e) => n.onChange ? n.onChange(e) : () => void 0, a = () => n.get(e, t);
+	return i(r, a, a);
+}
+//#endregion
+export { s as FeatureFlagsProvider, l as useFeatureFlag, u as useFlagValue };
+
+//# sourceMappingURL=FeatureFlagsProvider.js.map

package/dist/feature-flags/FeatureFlagsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagsProvider.js","names":[],"sources":["../../src/feature-flags/FeatureFlagsProvider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useMemo, useSyncExternalStore } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { FeatureFlagsAdapter, FlagValue } from \"./types\";\n\nconst FeatureFlagsContext = createContext<FeatureFlagsAdapter | null>(null);\n\nexport interface FeatureFlagsProviderProps {\n    adapter: FeatureFlagsAdapter;\n    children: ReactNode;\n}\n\n/** Inject a feature flags adapter into the tree. */\nexport function FeatureFlagsProvider({ adapter, children }: FeatureFlagsProviderProps) {\n    const value = useMemo(() => adapter, [adapter]);\n    useEffect(() => undefined, [value]);\n    return <FeatureFlagsContext.Provider value={value}>{children}</FeatureFlagsContext.Provider>;\n}\n\nfunction useAdapter(): FeatureFlagsAdapter {\n    const ctx = useContext(FeatureFlagsContext);\n    if (!ctx) throw new Error(\"useFeatureFlag requires <FeatureFlagsProvider>\");\n    return ctx;\n}\n\n/**\n * Read a boolean flag and re-render when the adapter fires `onChange`.\n *\n * @example\n * const showNewFeed = useFeatureFlag(\"new-feed\", false);\n */\nexport function useFeatureFlag(key: string, defaultValue = false): boolean {\n    const adapter = useAdapter();\n    const subscribe = (listener: () => void): (() => void) =>\n        adapter.onChange ? adapter.onChange(listener) : () => undefined;\n    const get = (): boolean => adapter.isEnabled(key, defaultValue);\n    return useSyncExternalStore(subscribe, get, get);\n}\n\n/**\n * Read a typed flag value (string / number / boolean / null) and re-render\n * on change.\n */\nexport function useFlagValue<T extends FlagValue = FlagValue>(key: string, defaultValue?: T): T {\n    const adapter = useAdapter();\n    const subscribe = (listener: () => void): (() => void) =>\n        adapter.onChange ? adapter.onChange(listener) : () => undefined;\n    const get = (): T => adapter.get<T>(key, defaultValue);\n    return useSyncExternalStore(subscribe, get, get);\n}\n"],"mappings":";;;AAIA,IAAM,IAAsB,EAA0C,IAAI;AAQ1E,SAAgB,EAAqB,EAAE,YAAS,eAAuC;CACnF,IAAM,IAAQ,QAAc,GAAS,CAAC,CAAO,CAAC;CAE9C,OADA,QAAgB,KAAA,GAAW,CAAC,CAAK,CAAC,GAC3B,kBAAC,EAAoB,UAArB;EAAqC;EAAQ;CAAuC,CAAA;AAC/F;AAEA,SAAS,IAAkC;CACvC,IAAM,IAAM,EAAW,CAAmB;CAC1C,IAAI,CAAC,GAAK,MAAU,MAAM,gDAAgD;CAC1E,OAAO;AACX;AAQA,SAAgB,EAAe,GAAa,IAAe,IAAgB;CACvE,IAAM,IAAU,EAAW,GACrB,KAAa,MACf,EAAQ,WAAW,EAAQ,SAAS,CAAQ,UAAU,KAAA,GACpD,UAAqB,EAAQ,UAAU,GAAK,CAAY;CAC9D,OAAO,EAAqB,GAAW,GAAK,CAAG;AACnD;AAMA,SAAgB,EAA8C,GAAa,GAAqB;CAC5F,IAAM,IAAU,EAAW,GACrB,KAAa,MACf,EAAQ,WAAW,EAAQ,SAAS,CAAQ,UAAU,KAAA,GACpD,UAAe,EAAQ,IAAO,GAAK,CAAY;CACrD,OAAO,EAAqB,GAAW,GAAK,CAAG;AACnD"}

package/dist/feature-flags/growthbook-adapter.cjs

@@ -0,0 +1,2 @@
+function e(e){let{growthbook:t}=e,n=new Set,r=!1;function i(){r||!t.setRenderer||(r=!0,t.setRenderer(()=>{for(let e of n)e()}))}return{isEnabled(e,n=!1){let r=t.isOn(e);return typeof r==`boolean`?r:n},get(e,n){return t.getFeatureValue(e,n)},onChange(e){return i(),n.add(e),()=>{n.delete(e)}}}}exports.createGrowthBookFeatureFlagsAdapter=e;
+//# sourceMappingURL=growthbook-adapter.cjs.map