@pilotiq/tiptap 0.1.0

package/dist/react/Palette.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+import type { ColorSwatch } from '../RichTextField.js';
+interface PaletteProps {
+    /** Trigger button — usually the toolbar's `textColor` / `highlight` button. */
+    trigger: ReactNode;
+    swatches: ColorSwatch[];
+    /** Whether to render a free-form color picker below the swatches. */
+    custom: boolean;
+    /** Currently active color, when known. Used to show the highlight ring. */
+    activeColor?: string | undefined;
+    /** Pick a swatch (or the custom-picker value). */
+    onPick: (value: string) => void;
+    /** Clear the color (removes the mark). */
+    onClear: () => void;
+    clearLabel?: string;
+}
+/**
+ * Swatch popover anchored to a toolbar button. Drives `textColor` and
+ * `highlight` — both share the same UI shape, only the swatches and the
+ * `onPick`/`onClear` wiring differ.
+ *
+ * Mounts open / closed itself; consumers don't manage the open state.
+ */
+export declare function Palette({ trigger, swatches, custom, activeColor, onPick, onClear, clearLabel, }: PaletteProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Palette.d.ts.map

package/dist/react/Palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/react/Palette.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,UAAU,YAAY;IACpB,+EAA+E;IAC/E,OAAO,EAAS,SAAS,CAAA;IACzB,QAAQ,EAAQ,WAAW,EAAE,CAAA;IAC7B,qEAAqE;IACrE,MAAM,EAAU,OAAO,CAAA;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAI,MAAM,GAAG,SAAS,CAAA;IAClC,kDAAkD;IAClD,MAAM,EAAU,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0CAA0C;IAC1C,OAAO,EAAS,MAAM,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAK,MAAM,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,UAAuB,GACjF,EAAE,YAAY,2CAyDd"}

package/dist/react/Palette.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover } from '@base-ui/react/popover';
+/**
+ * Swatch popover anchored to a toolbar button. Drives `textColor` and
+ * `highlight` — both share the same UI shape, only the swatches and the
+ * `onPick`/`onClear` wiring differ.
+ *
+ * Mounts open / closed itself; consumers don't manage the open state.
+ */
+export function Palette({ trigger, swatches, custom, activeColor, onPick, onClear, clearLabel = 'No color', }) {
+    const [open, setOpen] = useState(false);
+    const close = () => setOpen(false);
+    const pick = (value) => { onPick(value); close(); };
+    const clear = () => { onClear(); close(); };
+    return (_jsxs(Popover.Root, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { render: trigger }), _jsx(Popover.Portal, { children: _jsx(Popover.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: "isolate z-50", children: _jsxs(Popover.Popup, { className: "rounded-md border bg-popover p-2 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", children: [_jsx("div", { className: "grid grid-cols-5 gap-1", children: swatches.map((s) => {
+                                    const isActive = activeColor && activeColor.toLowerCase() === s.value.toLowerCase();
+                                    return (_jsx("button", { type: "button", title: s.label, "aria-label": s.label, "aria-pressed": Boolean(isActive), onClick: () => pick(s.value), className: `h-6 w-6 rounded border transition-transform hover:scale-110 ${isActive ? 'ring-2 ring-ring ring-offset-1' : 'border-border/60'}`, style: { background: s.value } }, s.value));
+                                }) }), custom && (_jsxs("label", { className: "mt-2 flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [_jsx("span", { children: "Custom" }), _jsx("input", { type: "color", defaultValue: activeColor ?? '#000000', onChange: (e) => onPick(e.target.value), className: "h-6 w-12 cursor-pointer rounded border-0 bg-transparent p-0" })] })), _jsx("button", { type: "button", onClick: clear, className: "mt-2 w-full rounded px-2 py-1 text-xs text-muted-foreground hover:bg-accent hover:text-accent-foreground", children: clearLabel })] }) }) })] }));
+}
+//# sourceMappingURL=Palette.js.map

package/dist/react/Palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.js","sourceRoot":"","sources":["../../src/react/Palette.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAkBhD;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,GAAG,UAAU,GACnE;IACb,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,KAAK,GAAG,GAAS,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACxC,MAAM,IAAI,GAAI,CAAC,KAAa,EAAQ,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAA,CAAC,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,GAAS,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA,CAAC,CAAC,CAAA;IAEhD,OAAO,CACL,MAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aAC7C,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,OAA6B,GAAI,EAC1D,KAAC,OAAO,CAAC,MAAM,cACb,KAAC,OAAO,CAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,EAAE,SAAS,EAAC,cAAc,YACrF,MAAC,OAAO,CAAC,KAAK,IACZ,SAAS,EAAC,+PAA+P,aAEzQ,cAAK,SAAS,EAAC,wBAAwB,YACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,WAAW,IAAI,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAA;oCACnF,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,CAAC,CAAC,KAAK,gBACF,CAAC,CAAC,KAAK,kBACL,OAAO,CAAC,QAAQ,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAC5B,SAAS,EAAE,+DACT,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,kBAChD,EAAE,EACF,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,IATzB,CAAC,CAAC,KAAK,CAUZ,CACH,CAAA;gCACH,CAAC,CAAC,GACE,EACL,MAAM,IAAI,CACT,iBAAO,SAAS,EAAC,4EAA4E,aAC3F,oCAAmB,EACnB,gBACE,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,WAAW,IAAI,SAAS,EACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,SAAS,EAAC,6DAA6D,GACvE,IACI,CACT,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,EACd,SAAS,EAAC,0GAA0G,YAEnH,UAAU,GACJ,IACK,GACG,GACN,IACJ,CAChB,CAAA;AACH,CAAC"}

package/dist/react/SlashMenu.d.ts

@@ -0,0 +1,24 @@
+import type { SlashItem } from '../extensions/SlashCommandExtension.js';
+/**
+ * Mutable ref the document-level keydown listener in `TiptapEditor` reads.
+ * `SlashMenu` installs its keyboard handler on mount, clears on unmount.
+ */
+export type SlashKeyHandlerRef = {
+    current: ((event: KeyboardEvent) => boolean) | null;
+};
+interface SlashMenuProps {
+    items: SlashItem[];
+    command: (item: SlashItem) => void;
+    keyHandlerRef: SlashKeyHandlerRef;
+}
+/**
+ * Floating list of slash items. Mounted by the Base UI Popover in
+ * TiptapEditor; the popover's anchor is a virtual element, so we don't need
+ * to position the menu ourselves.
+ *
+ * Keys: ArrowUp / ArrowDown to move, Enter to pick. Escape is handled in
+ * `SlashCommandExtension.onKeyDown` (closes the popup directly).
+ */
+export declare function SlashMenu({ items, command, keyHandlerRef }: SlashMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SlashMenu.d.ts.map

package/dist/react/SlashMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../src/react/SlashMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAEvE;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,GAAG,IAAI,CAAA;CAAE,CAAA;AAExF,UAAU,cAAc;IACtB,KAAK,EAAU,SAAS,EAAE,CAAA;IAC1B,OAAO,EAAQ,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,kBAAkB,CAAA;CAClC;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,cAAc,2CA8F1E"}

package/dist/react/SlashMenu.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+/**
+ * Floating list of slash items. Mounted by the Base UI Popover in
+ * TiptapEditor; the popover's anchor is a virtual element, so we don't need
+ * to position the menu ourselves.
+ *
+ * Keys: ArrowUp / ArrowDown to move, Enter to pick. Escape is handled in
+ * `SlashCommandExtension.onKeyDown` (closes the popup directly).
+ */
+export function SlashMenu({ items, command, keyHandlerRef }) {
+    const [active, setActive] = useState(0);
+    const containerRef = useRef(null);
+    // Group items for visual organisation, then derive the flat render-order
+    // array. `items` is in plugin order (paragraph, h1, h2, h3, …) but we
+    // render grouped (Basic/Headings/Lists/Blocks). The active index must
+    // track render order — otherwise ArrowDown highlights item N visually
+    // but Enter inserts items[N] from the plugin-order array, which is a
+    // different item.
+    const grouped = useMemo(() => groupBy(items, (it) => it.group ?? 'Other'), [items]);
+    const renderOrder = useMemo(() => Array.from(grouped.values()).flat(), [grouped]);
+    // Reset selection when the filtered list changes.
+    useEffect(() => { setActive(0); }, [renderOrder]);
+    // Keep the active item in view inside the scroll container.
+    useEffect(() => {
+        const el = containerRef.current?.querySelector(`[data-index="${active}"]`);
+        el?.scrollIntoView({ block: 'nearest' });
+    }, [active]);
+    // Install the keyboard bridge for the document-level listener in
+    // TiptapEditor.
+    useEffect(() => {
+        keyHandlerRef.current = (event) => {
+            const len = renderOrder.length;
+            if (event.key === 'ArrowDown') {
+                setActive((i) => (len === 0 ? 0 : (i + 1) % len));
+                return true;
+            }
+            if (event.key === 'ArrowUp') {
+                setActive((i) => (len === 0 ? 0 : (i - 1 + len) % len));
+                return true;
+            }
+            if (event.key === 'Enter') {
+                const item = renderOrder[active];
+                if (item)
+                    command(item);
+                return true;
+            }
+            return false;
+        };
+        return () => { keyHandlerRef.current = null; };
+    }, [renderOrder, active, command, keyHandlerRef]);
+    if (renderOrder.length === 0) {
+        return (_jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground", children: "No matches" }));
+    }
+    let runningIndex = 0;
+    return (_jsx("div", { ref: containerRef, className: "max-h-72 w-64 overflow-y-auto p-1 text-sm", children: Array.from(grouped.entries()).map(([groupName, groupItems]) => (_jsxs("div", { children: [_jsx("div", { className: "px-2 pt-2 pb-1 text-[0.7rem] font-medium uppercase tracking-wide text-muted-foreground", children: groupName }), groupItems.map((item) => {
+                    const idx = runningIndex++;
+                    const isActive = idx === active;
+                    return (_jsxs("button", { "data-index": idx, type: "button", onMouseDown: (e) => { e.preventDefault(); command(item); }, onMouseEnter: () => setActive(idx), className: `flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left ${isActive ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/60'}`, children: [item.icon && (_jsx("span", { className: "flex size-6 items-center justify-center rounded border bg-background text-xs", children: item.icon })), _jsx("span", { children: item.label })] }, item.key));
+                })] }, groupName))) }));
+}
+function groupBy(items, key) {
+    const out = new Map();
+    for (const item of items) {
+        const k = key(item);
+        const list = out.get(k);
+        if (list)
+            list.push(item);
+        else
+            out.set(k, [item]);
+    }
+    return out;
+}
+//# sourceMappingURL=SlashMenu.js.map

package/dist/react/SlashMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashMenu.js","sourceRoot":"","sources":["../../src/react/SlashMenu.tsx"],"names":[],"mappings":"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"}

package/dist/react/TableFloatingToolbar.d.ts

@@ -0,0 +1,7 @@
+import type { Editor } from '@tiptap/core';
+interface TableFloatingToolbarProps {
+    editor: Editor;
+}
+export declare function TableFloatingToolbar({ editor }: TableFloatingToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=TableFloatingToolbar.d.ts.map

package/dist/react/TableFloatingToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFloatingToolbar.d.ts","sourceRoot":"","sources":["../../src/react/TableFloatingToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAK1C,UAAU,yBAAyB;IACjC,MAAM,EAAE,MAAM,CAAA;CACf;AAmBD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,yBAAyB,kDAwEzE"}

package/dist/react/TableFloatingToolbar.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Tooltip } from '@base-ui/react/tooltip';
+import { TOOLBAR_BUTTONS } from './toolbarButtons.js';
+/**
+ * Cell-management toolbar shown whenever the cursor is inside a table. Pinned
+ * to the top edge of the enclosing `<table>`, viewport-relative so it tracks
+ * scroll without forcing the editor wrapper to be `position: relative`.
+ *
+ * Buttons map directly onto the table-* ids registered in `toolbarButtons.tsx`,
+ * so the icons / disabled gates / commands stay in sync with the top-level
+ * toolbar's table buttons.
+ */
+const TABLE_BUTTON_GROUPS = [
+    ['tableAddColumnBefore', 'tableAddColumnAfter', 'tableDeleteColumn'],
+    ['tableAddRowBefore', 'tableAddRowAfter', 'tableDeleteRow'],
+    ['tableMergeCells', 'tableSplitCell'],
+    ['tableToggleHeaderRow', 'tableToggleHeaderCell'],
+    ['tableDelete'],
+];
+export function TableFloatingToolbar({ editor }) {
+    const [pos, setPos] = useState(null);
+    // Force re-render when the selection moves so isActive / isDisabled flip.
+    const [, setTick] = useState(0);
+    useEffect(() => {
+        const update = () => {
+            if (!editor.isActive('table')) {
+                setPos(null);
+                return;
+            }
+            const tableDom = findEnclosingTable(editor);
+            if (!tableDom) {
+                setPos(null);
+                return;
+            }
+            const rect = tableDom.getBoundingClientRect();
+            // Lift the toolbar above the table — height of the strip + breathing room.
+            // Bump if the strip grows.
+            const top = rect.top - 44;
+            const left = rect.left + rect.width / 2;
+            setPos({ top, left });
+        };
+        const close = () => setPos(null);
+        update();
+        editor.on('selectionUpdate', update);
+        editor.on('transaction', update);
+        editor.on('blur', close);
+        window.addEventListener('scroll', update, true);
+        window.addEventListener('resize', update);
+        return () => {
+            editor.off('selectionUpdate', update);
+            editor.off('transaction', update);
+            editor.off('blur', close);
+            window.removeEventListener('scroll', update, true);
+            window.removeEventListener('resize', update);
+        };
+    }, [editor]);
+    // Refresh the disabled/active state predicates on every tx — the buttons
+    // read these inline against the live editor.
+    useEffect(() => {
+        if (!editor)
+            return;
+        const bump = () => setTick((t) => t + 1);
+        editor.on('selectionUpdate', bump);
+        editor.on('transaction', bump);
+        return () => {
+            editor.off('selectionUpdate', bump);
+            editor.off('transaction', bump);
+        };
+    }, [editor]);
+    if (!pos)
+        return null;
+    const groups = TABLE_BUTTON_GROUPS
+        .map((g) => g.map((id) => TOOLBAR_BUTTONS[id]).filter((b) => Boolean(b?.available)))
+        .filter((g) => g.length > 0);
+    return (_jsx(Tooltip.Provider, { delay: 400, children: _jsx("div", { className: "fixed z-40 flex items-center gap-0.5 rounded-md border bg-popover px-1 py-1 text-popover-foreground shadow-md", style: { top: pos.top, left: pos.left, transform: 'translateX(-50%)' }, 
+            // mousedown shouldn't steal focus — keeps the cell selection alive
+            // while the command runs.
+            onMouseDown: (e) => { e.preventDefault(); }, children: groups.map((group, gi) => (_jsxs("div", { className: "flex items-center gap-0.5", children: [gi > 0 && _jsx("span", { "aria-hidden": true, className: "mx-1 h-5 w-px shrink-0 bg-border" }), group.map((btn) => (_jsx(TableButton, { def: btn, editor: editor }, btn.id)))] }, gi))) }) }));
+}
+function TableButton({ def, editor }) {
+    const active = def.isActive?.(editor) ?? false;
+    const disabled = def.isDisabled?.(editor) ?? false;
+    return (_jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { render: (props) => (_jsx("button", { ...props, type: "button", disabled: disabled, onClick: () => def.command(editor), className: `inline-flex h-7 w-7 items-center justify-center rounded text-foreground transition-colors disabled:opacity-50 disabled:pointer-events-none ${active ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/60'}`, "aria-label": def.label, "aria-pressed": active, children: def.icon })) }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Positioner, { side: "top", sideOffset: 6, className: "isolate z-50", children: _jsx(Tooltip.Popup, { className: "rounded-md bg-foreground px-2 py-1 text-xs text-background shadow-md data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", children: def.label }) }) })] }));
+}
+/**
+ * Walk up from the current selection to find the enclosing `<table>` DOM node.
+ * Returns `null` if the cursor isn't inside one. Uses `view.domAtPos` rather
+ * than walking the document tree — works even when the cell is inside a
+ * resize-NodeView wrapper.
+ */
+function findEnclosingTable(editor) {
+    const { from } = editor.state.selection;
+    let dom;
+    try {
+        dom = editor.view.domAtPos(from).node;
+    }
+    catch {
+        return null;
+    }
+    while (dom && dom !== editor.view.dom) {
+        if (dom instanceof HTMLElement && dom.tagName === 'TABLE')
+            return dom;
+        dom = dom.parentNode;
+    }
+    return null;
+}
+//# sourceMappingURL=TableFloatingToolbar.js.map

package/dist/react/TableFloatingToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFloatingToolbar.js","sourceRoot":"","sources":["../../src/react/TableFloatingToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/react/TiptapEditor.d.ts

@@ -0,0 +1,20 @@
+import type { FieldRendererProps } from '@pilotiq/pilotiq/react';
+/**
+ * The pilotiq field renderer for `RichTextField`. Registered globally via
+ * `registerTiptap()`; pilotiq's `SchemaRenderer` looks it up by `fieldType:
+ * 'richtext'` and mounts it inline inside the form.
+ *
+ * Wiring (Phase A):
+ *   - StarterKit + Underline + Subscript + Superscript + TextAlign
+ *   - Placeholder
+ *   - BlockNodeExtension (custom-block storage + React NodeView)
+ *   - SlashCommandExtension (`/` opens menu, items derived from `blocks`)
+ *   - DragHandleExtension (hover gutter handle)
+ *
+ * Form integration: a hidden `<input type="hidden" name={field}>` carries
+ * the editor's serialized output. Storage format depends on the field's
+ * `.storage('json' | 'html')` setting — JSON parses on the server,
+ * HTML is passed through.
+ */
+export declare function TiptapEditor(props: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TiptapEditor.d.ts.map

package/dist/react/TiptapEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapEditor.d.ts","sourceRoot":"","sources":["../../src/react/TiptapEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAuBhE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,2CAqBrD"}