@pilotiq/tiptap 0.1.0

package/dist/react/Toolbar.js

@@ -0,0 +1,204 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Tooltip } from '@base-ui/react/tooltip';
+import { Dialog } from '@base-ui/react/dialog';
+import { TOOLBAR_BUTTONS } from './toolbarButtons.js';
+import { Palette } from './Palette.js';
+/**
+ * Always-on toolbar rendered above the editor. Groups are joined with thin
+ * dividers; unknown / unavailable button ids are silently dropped so config
+ * can target later-phase buttons today without crashing.
+ *
+ * Inline link button opens a Base UI dialog with a URL input — kept here
+ * (not in the FloatingToolbar's dialog) because each toolbar instance owns
+ * its own React state for the modal.
+ */
+export function Toolbar({ editor, groups, tick, textColors, customTextColors, highlightColors, onAttachOpenChange, }) {
+    const [linkOpen, setLinkOpen] = useState(false);
+    const [linkUrl, setLinkUrl] = useState('');
+    const filteredGroups = groups
+        .map((g) => g.map((id) => TOOLBAR_BUTTONS[id]).filter((b) => Boolean(b?.available)))
+        .filter((g) => g.length > 0);
+    if (filteredGroups.length === 0)
+        return null;
+    const openLinkDialog = () => {
+        const previousUrl = editor.getAttributes('link')['href'];
+        setLinkUrl(previousUrl ?? '');
+        setLinkOpen(true);
+    };
+    const applyLink = () => {
+        setLinkOpen(false);
+        const trimmed = linkUrl.trim();
+        if (trimmed === '') {
+            editor.chain().focus().extendMarkRange('link').unsetLink().run();
+            return;
+        }
+        editor.chain().focus().extendMarkRange('link').setLink({ href: trimmed }).run();
+    };
+    const removeLink = () => {
+        setLinkOpen(false);
+        editor.chain().focus().extendMarkRange('link').unsetLink().run();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip.Provider, { delay: 400, children: _jsx("div", { 
+                    // The toolbar sits visually attached to the top of the editor body —
+                    // shared border-radius + a `border-b` on the toolbar gives a single
+                    // grouped look. Editor body's own border-radius is reset top-side
+                    // via global classnames in the editor.
+                    className: "flex flex-wrap items-center gap-0.5 rounded-t-md border border-input bg-muted/30 px-1 py-1 text-foreground", 
+                    // Mousedown anywhere in the toolbar should not steal focus from the
+                    // editor — `preventDefault` keeps the selection alive while the
+                    // command runs.
+                    onMouseDown: (e) => { e.preventDefault(); }, "data-tick": tick, children: filteredGroups.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) => {
+                                if (btn.custom === 'textColor') {
+                                    return (_jsx(Palette, { swatches: textColors, custom: customTextColors, activeColor: editor.getAttributes('textStyle')['color'], onPick: (value) => editor.chain().focus().setColor(value).run(), onClear: () => editor.chain().focus().unsetColor().run(), clearLabel: "Reset color", trigger: _jsx(ToolbarButton, { def: btn, editor: editor }) }, btn.id));
+                                }
+                                if (btn.custom === 'highlight') {
+                                    return (_jsx(Palette, { swatches: highlightColors, custom: false, activeColor: editor.getAttributes('highlight')['color'], onPick: (value) => editor.chain().focus().toggleHighlight({ color: value }).run(), onClear: () => editor.chain().focus().unsetHighlight().run(), clearLabel: "Remove highlight", trigger: _jsx(ToolbarButton, { def: btn, editor: editor }) }, btn.id));
+                                }
+                                const customClick = btn.custom === 'link' ? openLinkDialog :
+                                    btn.custom === 'attachFiles' ? () => onAttachOpenChange(true) :
+                                        undefined;
+                                return (_jsx(ToolbarButton, { def: btn, editor: editor, onCustomClick: customClick }, btn.id));
+                            })] }, gi))) }) }), _jsx(LinkDialog, { open: linkOpen, onOpenChange: setLinkOpen, url: linkUrl, onUrlChange: setLinkUrl, onApply: applyLink, onRemove: editor.isActive('link') ? removeLink : null, isEdit: editor.isActive('link') })] }));
+}
+function ToolbarButton({ def, editor, onCustomClick }) {
+    const active = def.isActive?.(editor) ?? false;
+    const disabled = def.isDisabled?.(editor) ?? false;
+    const mod = isMac() ? '⌘' : 'Ctrl+';
+    const tooltip = def.shortcut ? `${def.label} (${mod}${def.shortcut})` : def.label;
+    return (_jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { render: (props) => (_jsx("button", { ...props, type: "button", disabled: disabled, onClick: () => {
+                        if (onCustomClick) {
+                            onCustomClick();
+                            return;
+                        }
+                        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: "bottom", 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=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: tooltip }) }) })] }));
+}
+export function AttachFilesDialog({ open, onOpenChange, editor, uploadUrl, fieldName, acceptedFileTypes, maxFileSize, directory, visibility, }) {
+    const [file, setFile] = useState(null);
+    const [alt, setAlt] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    // Reset transient state every time the dialog opens — otherwise the
+    // previous upload's filename / alt text would leak into the next one.
+    useEffect(() => {
+        if (open) {
+            setFile(null);
+            setAlt('');
+            setError(null);
+            setBusy(false);
+        }
+    }, [open]);
+    const accept = acceptedFileTypes?.join(',') ?? 'image/*';
+    const onPickFile = (f) => {
+        setError(null);
+        if (!f) {
+            setFile(null);
+            return;
+        }
+        if (maxFileSize !== undefined && f.size > maxFileSize) {
+            setError(`File exceeds the maximum size of ${formatBytes(maxFileSize)}.`);
+            setFile(null);
+            return;
+        }
+        setFile(f);
+        if (alt === '')
+            setAlt(stripExtension(f.name));
+    };
+    const onUpload = async () => {
+        if (!file)
+            return;
+        if (!uploadUrl) {
+            setError('No upload route configured for this panel.');
+            return;
+        }
+        setBusy(true);
+        setError(null);
+        try {
+            const fd = new FormData();
+            fd.append('file', file);
+            fd.append('fieldName', fieldName);
+            if (directory)
+                fd.append('directory', directory);
+            if (visibility)
+                fd.append('visibility', visibility);
+            const res = await fetch(uploadUrl, {
+                method: 'POST',
+                body: fd,
+                headers: { Accept: 'application/json' },
+            });
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok || !data.ok || !data.url) {
+                setError(data.error ?? `Upload failed (status ${res.status}).`);
+                return;
+            }
+            // Image vs non-image file. Tiptap's StarterKit doesn't ship a generic
+            // file/attachment node, so for non-images we fall back to inserting
+            // a link mark on the filename — same shape MarkdownField uses.
+            if (file.type.startsWith('image/')) {
+                editor.chain().focus().setImage({ src: data.url, alt: alt || file.name }).run();
+            }
+            else {
+                editor.chain().focus()
+                    .insertContent({
+                    type: 'text',
+                    text: alt || file.name,
+                    marks: [{ type: 'link', attrs: { href: data.url } }],
+                })
+                    .run();
+            }
+            onOpenChange(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Backdrop, { className: "fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-[starting-style]:opacity-0 data-[ending-style]:opacity-0" }), _jsxs(Dialog.Popup, { className: "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-md translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg transition-[opacity,transform] duration-150 data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0", children: [_jsx(Dialog.Title, { className: "text-lg leading-none font-semibold", children: "Attach file" }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("input", { type: "file", accept: accept, disabled: busy, onChange: (e) => onPickFile(e.target.files?.[0] ?? null), className: "block w-full text-sm file:me-3 file:rounded-md file:border-0 file:bg-muted file:px-3 file:py-1.5 file:text-sm file:font-medium hover:file:bg-muted/80" }), file && (_jsx("input", { type: "text", value: alt, onChange: (e) => setAlt(e.target.value), placeholder: "Alt text (described for screen readers)", disabled: busy, className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" })), maxFileSize !== undefined && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Maximum size: ", formatBytes(maxFileSize), "."] })), error && (_jsx("p", { className: "text-xs text-destructive", children: error }))] }), _jsxs("div", { className: "flex flex-row-reverse items-center gap-2", children: [_jsx("button", { type: "button", onClick: onUpload, disabled: !file || busy, className: "inline-flex h-9 items-center justify-center rounded-md bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:pointer-events-none", children: busy ? 'Uploading…' : 'Insert' }), _jsx("button", { type: "button", onClick: () => onOpenChange(false), disabled: busy, className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground disabled:opacity-50", children: "Cancel" })] })] })] }) }));
+}
+function stripExtension(name) {
+    const i = name.lastIndexOf('.');
+    return i > 0 ? name.slice(0, i) : name;
+}
+function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(0)} KB`;
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function LinkDialog({ open, onOpenChange, url, onUrlChange, onApply, onRemove, isEdit, }) {
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Backdrop, { className: "fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-[starting-style]:opacity-0 data-[ending-style]:opacity-0" }), _jsxs(Dialog.Popup, { className: "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-md translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg transition-[opacity,transform] duration-150 data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0", children: [_jsx(Dialog.Title, { className: "text-lg leading-none font-semibold", children: isEdit ? 'Edit link' : 'Add link' }), _jsx("input", { type: "url", value: url, onChange: (e) => onUrlChange(e.target.value), onKeyDown: (e) => {
+                                if (e.key === 'Enter') {
+                                    e.preventDefault();
+                                    onApply();
+                                }
+                            }, placeholder: "https://example.com", autoFocus: true, className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" }), _jsxs("div", { className: "flex flex-row-reverse items-center gap-2", children: [_jsx("button", { type: "button", onClick: onApply, className: "inline-flex h-9 items-center justify-center rounded-md bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: isEdit ? 'Update' : 'Add' }), _jsx("button", { type: "button", onClick: () => onOpenChange(false), className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground", children: "Cancel" }), onRemove && (_jsx("button", { type: "button", onClick: onRemove, className: "me-auto inline-flex h-9 items-center justify-center rounded-md px-3 text-sm font-medium text-destructive hover:bg-destructive/10", children: "Remove link" }))] })] })] }) }));
+}
+/**
+ * Hook returning a tick that bumps on any selection / transaction change.
+ * The Toolbar renders dependent on this so active-state booleans stay fresh.
+ */
+export function useEditorTick(editor) {
+    const [tick, setTick] = useState(0);
+    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]);
+    return tick;
+}
+function isMac() {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+}
+//# sourceMappingURL=Toolbar.js.map

package/dist/react/Toolbar.js.map

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

package/dist/react/toolbarButtons.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import type { Editor } from '@tiptap/core';
+import type { ToolbarButtonId } from '../RichTextField.js';
+/**
+ * One toolbar button's behavior. The renderer wires `<button>` chrome — this
+ * descriptor only knows the editor command, the active-state predicate, and
+ * the icon.
+ *
+ * Buttons that depend on extensions registered in later phases (textColor,
+ * highlight, attachFiles, table*) are registered with `available: false`
+ * until that phase ships, so config that targets them today is silently
+ * dropped instead of crashing.
+ */
+export interface ToolbarButtonDef {
+    id: ToolbarButtonId;
+    label: string;
+    shortcut?: string;
+    icon: ReactNode;
+    /** Phase-A buttons set this to `true`; later-phase placeholders set `false`. */
+    available: boolean;
+    /** Whether the button reflects the editor's "currently active" state. */
+    isActive?: (editor: Editor) => boolean;
+    /** Whether the button is disabled given the current selection. */
+    isDisabled?: (editor: Editor) => boolean;
+    /** Run on click. */
+    command: (editor: Editor) => void;
+    /**
+     * Optional opt-in for buttons whose behavior is "open a UI" rather than
+     * fire a chain — the editor surface keeps its own state for these and the
+     * default click handler doesn't run a chain.
+     */
+    custom?: 'link' | 'textColor' | 'highlight' | 'attachFiles';
+}
+/** Lookup table for every recognized button id. */
+export declare const TOOLBAR_BUTTONS: Record<ToolbarButtonId, ToolbarButtonDef>;
+//# sourceMappingURL=toolbarButtons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarButtons.d.ts","sourceRoot":"","sources":["../../src/react/toolbarButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAS,eAAe,CAAA;IAC1B,KAAK,EAAM,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAO,SAAS,CAAA;IACpB,gFAAgF;IAChF,SAAS,EAAE,OAAO,CAAA;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACtC,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACxC,oBAAoB;IACpB,OAAO,EAAI,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,CAAA;CAC5D;AAiTD,mDAAmD;AACnD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAyNrE,CAAA"}

package/dist/react/toolbarButtons.js

@@ -0,0 +1,300 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_PROPS = {
+    width: 14, height: 14, viewBox: '0 0 24 24',
+    fill: 'none', stroke: 'currentColor',
+    strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round',
+    'aria-hidden': 'true',
+};
+// Inline SVGs (lucide.dev paths). Kept inline so the package doesn't pull
+// `lucide-react` as a peer dep.
+const Icons = {
+    bold: (_jsxs("svg", { ...ICON_PROPS, strokeWidth: 2.25, children: [_jsx("path", { d: "M6 12h9a4 4 0 0 1 0 8H6Z" }), _jsx("path", { d: "M6 4h7a4 4 0 0 1 0 8H6Z" })] })),
+    italic: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "19", y1: "4", x2: "10", y2: "4" }), _jsx("line", { x1: "14", y1: "20", x2: "5", y2: "20" }), _jsx("line", { x1: "15", y1: "4", x2: "9", y2: "20" })] })),
+    underline: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }), _jsx("line", { x1: "4", y1: "20", x2: "20", y2: "20" })] })),
+    strike: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }), _jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }), _jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })] })),
+    subscript: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "m4 5 8 10" }), _jsx("path", { d: "m12 5-8 10" }), _jsx("path", { d: "M20 21h-4c0-1.5.44-2 1.5-2.5S20 17.33 20 16c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })] })),
+    superscript: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "m4 19 8-10" }), _jsx("path", { d: "m12 19-8-10" }), _jsx("path", { d: "M20 11h-4c0-1.5.44-2 1.5-2.5S20 7.33 20 6c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })] })),
+    code: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("polyline", { points: "16 18 22 12 16 6" }), _jsx("polyline", { points: "8 6 2 12 8 18" })] })),
+    paragraph: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M13 4v16" }), _jsx("path", { d: "M17 4v16" }), _jsx("path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" })] })),
+    h1: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H1" }),
+    h2: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H2" }),
+    h3: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H3" }),
+    h4: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H4" }),
+    h5: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H5" }),
+    h6: _jsx("span", { className: "text-xs font-semibold leading-none", children: "H6" }),
+    // Sized text-string glyphs match the visual contrast of the marks they
+    // toggle — lead is the larger of the pair, small is the slightly smaller.
+    lead: _jsx("span", { className: "text-sm font-semibold leading-none tracking-tight", children: "P+" }),
+    small: _jsx("span", { className: "text-[10px] font-semibold leading-none tracking-tight", children: "P-" }),
+    alignStart: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "3", y1: "12", x2: "15", y2: "12" }), _jsx("line", { x1: "3", y1: "18", x2: "18", y2: "18" })] })),
+    alignCenter: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "6", y1: "12", x2: "18", y2: "12" }), _jsx("line", { x1: "4", y1: "18", x2: "20", y2: "18" })] })),
+    alignEnd: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "9", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "6", y1: "18", x2: "21", y2: "18" })] })),
+    alignJustify: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })] })),
+    blockquote: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z" }), _jsx("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z" })] })),
+    codeBlock: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("polyline", { points: "10 10 7 13 10 16" }), _jsx("polyline", { points: "14 10 17 13 14 16" })] })),
+    bulletList: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }), _jsx("circle", { cx: "4", cy: "6", r: "1", fill: "currentColor" }), _jsx("circle", { cx: "4", cy: "12", r: "1", fill: "currentColor" }), _jsx("circle", { cx: "4", cy: "18", r: "1", fill: "currentColor" })] })),
+    orderedList: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("line", { x1: "10", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "10", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "10", y1: "18", x2: "21", y2: "18" }), _jsx("path", { d: "M4 6h1v4" }), _jsx("path", { d: "M4 10h2" }), _jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })] })),
+    horizontalRule: (_jsx("svg", { ...ICON_PROPS, children: _jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }) })),
+    clearFormatting: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M4 7V4h16v3" }), _jsx("line", { x1: "5", y1: "20", x2: "21", y2: "20" }), _jsx("line", { x1: "15", y1: "4", x2: "9", y2: "20" }), _jsx("line", { x1: "3", y1: "3", x2: "21", y2: "21" })] })),
+    link: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] })),
+    textColor: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M5 21h14" }), _jsx("path", { d: "m6 18 6-13 6 13" }), _jsx("path", { d: "M9 13h6" })] })),
+    highlight: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "m9 11-6 6v3h3l6-6" }), _jsx("path", { d: "M22 12 12 2l-2 2 10 10z" }), _jsx("path", { d: "m14 6 6 6" })] })),
+    attachFiles: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("circle", { cx: "9", cy: "9", r: "2" }), _jsx("path", { d: "m21 15-5-5L5 21" })] })),
+    table: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }), _jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15" }), _jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21" }), _jsx("line", { x1: "15", y1: "3", x2: "15", y2: "21" })] })),
+    tableAddColumnBefore: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "11", y: "3", width: "10", height: "18", rx: "1" }), _jsx("line", { x1: "6", y1: "12", x2: "2", y2: "12" }), _jsx("line", { x1: "4", y1: "10", x2: "4", y2: "14" })] })),
+    tableAddColumnAfter: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "10", height: "18", rx: "1" }), _jsx("line", { x1: "18", y1: "12", x2: "22", y2: "12" }), _jsx("line", { x1: "20", y1: "10", x2: "20", y2: "14" })] })),
+    tableDeleteColumn: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21" }), _jsx("line", { x1: "15", y1: "3", x2: "15", y2: "21" }), _jsx("line", { x1: "10", y1: "9", x2: "14", y2: "13" }), _jsx("line", { x1: "14", y1: "9", x2: "10", y2: "13" })] })),
+    tableAddRowBefore: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "10", rx: "1" }), _jsx("line", { x1: "12", y1: "6", x2: "12", y2: "2" }), _jsx("line", { x1: "10", y1: "4", x2: "14", y2: "4" })] })),
+    tableAddRowAfter: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "10", rx: "1" }), _jsx("line", { x1: "12", y1: "18", x2: "12", y2: "22" }), _jsx("line", { x1: "10", y1: "20", x2: "14", y2: "20" })] })),
+    tableDeleteRow: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }), _jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15" }), _jsx("line", { x1: "9", y1: "11", x2: "13", y2: "13" }), _jsx("line", { x1: "13", y1: "11", x2: "9", y2: "13" })] })),
+    tableMergeCells: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("line", { x1: "3", y1: "12", x2: "9", y2: "12" }), _jsx("line", { x1: "15", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "9" }), _jsx("line", { x1: "12", y1: "15", x2: "12", y2: "21" })] })),
+    tableSplitCell: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "21" })] })),
+    tableToggleHeaderRow: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("rect", { x: "3", y: "3", width: "18", height: "6", fill: "currentColor", opacity: "0.25", stroke: "none" }), _jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }), _jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15" })] })),
+    tableToggleHeaderCell: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("rect", { x: "3", y: "3", width: "9", height: "6", fill: "currentColor", opacity: "0.25", stroke: "none" }), _jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }), _jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "21" })] })),
+    tableDelete: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }), _jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" })] })),
+    undo: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })] })),
+    redo: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("path", { d: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13" })] })),
+    details: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("polyline", { points: "6 9 12 15 18 9" }), _jsx("line", { x1: "3", y1: "4", x2: "21", y2: "4" }), _jsx("line", { x1: "3", y1: "20", x2: "21", y2: "20" })] })),
+    grid: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "4", width: "8", height: "16", rx: "1" }), _jsx("rect", { x: "13", y: "4", width: "8", height: "16", rx: "1" })] })),
+    gridDelete: (_jsxs("svg", { ...ICON_PROPS, children: [_jsx("rect", { x: "3", y: "4", width: "8", height: "16", rx: "1" }), _jsx("rect", { x: "13", y: "4", width: "8", height: "16", rx: "1" }), _jsx("line", { x1: "2", y1: "22", x2: "22", y2: "2" })] })),
+};
+/** Lookup table for every recognized button id. */
+export const TOOLBAR_BUTTONS = {
+    bold: {
+        id: 'bold', label: 'Bold', shortcut: 'B', available: true, icon: Icons.bold,
+        isActive: (ed) => ed.isActive('bold'),
+        command: (ed) => { ed.chain().focus().toggleBold().run(); },
+    },
+    italic: {
+        id: 'italic', label: 'Italic', shortcut: 'I', available: true, icon: Icons.italic,
+        isActive: (ed) => ed.isActive('italic'),
+        command: (ed) => { ed.chain().focus().toggleItalic().run(); },
+    },
+    underline: {
+        id: 'underline', label: 'Underline', shortcut: 'U', available: true, icon: Icons.underline,
+        isActive: (ed) => ed.isActive('underline'),
+        command: (ed) => { ed.chain().focus().toggleUnderline().run(); },
+    },
+    strike: {
+        id: 'strike', label: 'Strikethrough', shortcut: '⇧X', available: true, icon: Icons.strike,
+        isActive: (ed) => ed.isActive('strike'),
+        command: (ed) => { ed.chain().focus().toggleStrike().run(); },
+    },
+    subscript: {
+        id: 'subscript', label: 'Subscript', shortcut: ',', available: true, icon: Icons.subscript,
+        isActive: (ed) => ed.isActive('subscript'),
+        command: (ed) => { ed.chain().focus().toggleSubscript().run(); },
+    },
+    superscript: {
+        id: 'superscript', label: 'Superscript', shortcut: '.', available: true, icon: Icons.superscript,
+        isActive: (ed) => ed.isActive('superscript'),
+        command: (ed) => { ed.chain().focus().toggleSuperscript().run(); },
+    },
+    code: {
+        id: 'code', label: 'Inline code', shortcut: 'E', available: true, icon: Icons.code,
+        isActive: (ed) => ed.isActive('code'),
+        command: (ed) => { ed.chain().focus().toggleCode().run(); },
+    },
+    lead: {
+        id: 'lead', label: 'Lead', available: true, icon: Icons.lead,
+        isActive: (ed) => ed.isActive('lead'),
+        // `toggleMark` is the safest call — `chain().toggleLead()` would require
+        // the command type to be visible to the chain at compile time, and the
+        // marks ship from a sibling extension file the toolbar can't see typewise.
+        command: (ed) => { ed.chain().focus().toggleMark('lead').run(); },
+    },
+    small: {
+        id: 'small', label: 'Small', available: true, icon: Icons.small,
+        isActive: (ed) => ed.isActive('small'),
+        command: (ed) => { ed.chain().focus().toggleMark('small').run(); },
+    },
+    paragraph: {
+        id: 'paragraph', label: 'Paragraph', available: true, icon: Icons.paragraph,
+        isActive: (ed) => ed.isActive('paragraph'),
+        command: (ed) => { ed.chain().focus().setParagraph().run(); },
+    },
+    h1: makeHeading(1, Icons.h1),
+    h2: makeHeading(2, Icons.h2),
+    h3: makeHeading(3, Icons.h3),
+    h4: makeHeading(4, Icons.h4),
+    h5: makeHeading(5, Icons.h5),
+    h6: makeHeading(6, Icons.h6),
+    alignStart: makeAlign('left', 'Align left', Icons.alignStart),
+    alignCenter: makeAlign('center', 'Align center', Icons.alignCenter),
+    alignEnd: makeAlign('right', 'Align right', Icons.alignEnd),
+    alignJustify: makeAlign('justify', 'Justify', Icons.alignJustify),
+    blockquote: {
+        id: 'blockquote', label: 'Quote', available: true, icon: Icons.blockquote,
+        isActive: (ed) => ed.isActive('blockquote'),
+        command: (ed) => { ed.chain().focus().toggleBlockquote().run(); },
+    },
+    codeBlock: {
+        id: 'codeBlock', label: 'Code block', available: true, icon: Icons.codeBlock,
+        isActive: (ed) => ed.isActive('codeBlock'),
+        command: (ed) => { ed.chain().focus().toggleCodeBlock().run(); },
+    },
+    bulletList: {
+        id: 'bulletList', label: 'Bullet list', available: true, icon: Icons.bulletList,
+        isActive: (ed) => ed.isActive('bulletList'),
+        command: (ed) => { ed.chain().focus().toggleBulletList().run(); },
+    },
+    orderedList: {
+        id: 'orderedList', label: 'Numbered list', available: true, icon: Icons.orderedList,
+        isActive: (ed) => ed.isActive('orderedList'),
+        command: (ed) => { ed.chain().focus().toggleOrderedList().run(); },
+    },
+    horizontalRule: {
+        id: 'horizontalRule', label: 'Divider', available: true, icon: Icons.horizontalRule,
+        command: (ed) => { ed.chain().focus().setHorizontalRule().run(); },
+    },
+    clearFormatting: {
+        id: 'clearFormatting', label: 'Clear formatting', available: true, icon: Icons.clearFormatting,
+        command: (ed) => { ed.chain().focus().clearNodes().unsetAllMarks().run(); },
+    },
+    link: {
+        id: 'link', label: 'Link', shortcut: 'K', available: true, icon: Icons.link, custom: 'link',
+        isActive: (ed) => ed.isActive('link'),
+        // Click-handling lives in the toolbar itself — the dialog needs React state.
+        command: () => { },
+    },
+    undo: {
+        id: 'undo', label: 'Undo', shortcut: 'Z', available: true, icon: Icons.undo,
+        isDisabled: (ed) => !ed.can().undo(),
+        command: (ed) => { ed.chain().focus().undo().run(); },
+    },
+    redo: {
+        id: 'redo', label: 'Redo', shortcut: '⇧Z', available: true, icon: Icons.redo,
+        isDisabled: (ed) => !ed.can().redo(),
+        command: (ed) => { ed.chain().focus().redo().run(); },
+    },
+    textColor: {
+        id: 'textColor', label: 'Text color', available: true, icon: Icons.textColor, custom: 'textColor',
+        isActive: (ed) => Boolean(ed.getAttributes('textStyle')['color']),
+        command: () => { },
+    },
+    highlight: {
+        id: 'highlight', label: 'Highlight', available: true, icon: Icons.highlight, custom: 'highlight',
+        isActive: (ed) => ed.isActive('highlight'),
+        command: () => { },
+    },
+    attachFiles: {
+        id: 'attachFiles', label: 'Attach files', available: true, icon: Icons.attachFiles, custom: 'attachFiles',
+        // Click-handling lives in the toolbar — opens a Base UI dialog driven
+        // by React state (file picker + alt text + upload progress).
+        command: () => { },
+    },
+    // ---- Tables (Phase F). ----------------------------------------------------
+    // The "insert table" button is always enabled (creates a table at the cursor);
+    // every cell-action button is gated on `inTable` so the user can't run a
+    // no-op command outside a table. Tiptap returns `false` from these commands
+    // when the cursor is elsewhere — `can()` is the canonical check.
+    table: {
+        id: 'table', label: 'Insert table', available: true, icon: Icons.table,
+        command: (ed) => {
+            ed.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
+        },
+    },
+    tableAddColumnBefore: {
+        id: 'tableAddColumnBefore', label: 'Add column before', available: true, icon: Icons.tableAddColumnBefore,
+        isDisabled: (ed) => !ed.can().addColumnBefore(),
+        command: (ed) => { ed.chain().focus().addColumnBefore().run(); },
+    },
+    tableAddColumnAfter: {
+        id: 'tableAddColumnAfter', label: 'Add column after', available: true, icon: Icons.tableAddColumnAfter,
+        isDisabled: (ed) => !ed.can().addColumnAfter(),
+        command: (ed) => { ed.chain().focus().addColumnAfter().run(); },
+    },
+    tableDeleteColumn: {
+        id: 'tableDeleteColumn', label: 'Delete column', available: true, icon: Icons.tableDeleteColumn,
+        isDisabled: (ed) => !ed.can().deleteColumn(),
+        command: (ed) => { ed.chain().focus().deleteColumn().run(); },
+    },
+    tableAddRowBefore: {
+        id: 'tableAddRowBefore', label: 'Add row before', available: true, icon: Icons.tableAddRowBefore,
+        isDisabled: (ed) => !ed.can().addRowBefore(),
+        command: (ed) => { ed.chain().focus().addRowBefore().run(); },
+    },
+    tableAddRowAfter: {
+        id: 'tableAddRowAfter', label: 'Add row after', available: true, icon: Icons.tableAddRowAfter,
+        isDisabled: (ed) => !ed.can().addRowAfter(),
+        command: (ed) => { ed.chain().focus().addRowAfter().run(); },
+    },
+    tableDeleteRow: {
+        id: 'tableDeleteRow', label: 'Delete row', available: true, icon: Icons.tableDeleteRow,
+        isDisabled: (ed) => !ed.can().deleteRow(),
+        command: (ed) => { ed.chain().focus().deleteRow().run(); },
+    },
+    tableMergeCells: {
+        id: 'tableMergeCells', label: 'Merge cells', available: true, icon: Icons.tableMergeCells,
+        isDisabled: (ed) => !ed.can().mergeCells(),
+        command: (ed) => { ed.chain().focus().mergeCells().run(); },
+    },
+    tableSplitCell: {
+        id: 'tableSplitCell', label: 'Split cell', available: true, icon: Icons.tableSplitCell,
+        isDisabled: (ed) => !ed.can().splitCell(),
+        command: (ed) => { ed.chain().focus().splitCell().run(); },
+    },
+    tableToggleHeaderRow: {
+        id: 'tableToggleHeaderRow', label: 'Toggle header row', available: true, icon: Icons.tableToggleHeaderRow,
+        isDisabled: (ed) => !ed.can().toggleHeaderRow(),
+        command: (ed) => { ed.chain().focus().toggleHeaderRow().run(); },
+    },
+    tableToggleHeaderCell: {
+        id: 'tableToggleHeaderCell', label: 'Toggle header cell', available: true, icon: Icons.tableToggleHeaderCell,
+        isDisabled: (ed) => !ed.can().toggleHeaderCell(),
+        isActive: (ed) => ed.isActive('tableHeader'),
+        command: (ed) => { ed.chain().focus().toggleHeaderCell().run(); },
+    },
+    tableDelete: {
+        id: 'tableDelete', label: 'Delete table', available: true, icon: Icons.tableDelete,
+        isDisabled: (ed) => !ed.can().deleteTable(),
+        command: (ed) => { ed.chain().focus().deleteTable().run(); },
+    },
+    // Wraps the current paragraph in a `<details>` node with an empty summary
+    // and the existing content as the body. `setDetails` is shipped by the
+    // `@tiptap/extension-details` package; `unsetDetails` (toggle off) sits
+    // behind a separate slash entry to keep the toolbar surface compact.
+    details: {
+        id: 'details', label: 'Collapsible block', available: true, icon: Icons.details,
+        isActive: (ed) => ed.isActive('details'),
+        isDisabled: (ed) => !ed.can().setDetails(),
+        command: (ed) => { ed.chain().focus().setDetails().run(); },
+    },
+    // Multi-column grid layout. Toolbar button defaults to 2 columns — most-
+    // common-case UX. Users wanting 3 columns reach for the slash menu's
+    // dedicated entry. `gridDelete` unwraps the enclosing grid; greyed out
+    // when the cursor isn't inside one.
+    grid: {
+        id: 'grid', label: '2-column grid', available: true, icon: Icons.grid,
+        isActive: () => false,
+        isDisabled: (ed) => !ed.can().setGrid({ columns: 2 }),
+        command: (ed) => { ed.chain().focus().setGrid({ columns: 2 }).run(); },
+    },
+    gridDelete: {
+        id: 'gridDelete', label: 'Remove grid', available: true, icon: Icons.gridDelete,
+        isActive: (ed) => ed.isActive('grid'),
+        isDisabled: (ed) => !ed.can().unsetGrid(),
+        command: (ed) => { ed.chain().focus().unsetGrid().run(); },
+    },
+};
+function makeHeading(level, icon) {
+    return {
+        id: `h${level}`,
+        label: `Heading ${level}`,
+        available: true,
+        icon,
+        isActive: (ed) => ed.isActive('heading', { level }),
+        command: (ed) => { ed.chain().focus().toggleHeading({ level }).run(); },
+    };
+}
+function makeAlign(value, label, icon) {
+    return {
+        id: `align${value === 'left' ? 'Start' : value === 'right' ? 'End' : value.charAt(0).toUpperCase() + value.slice(1)}`,
+        label,
+        available: true,
+        icon,
+        isActive: (ed) => ed.isActive({ textAlign: value }),
+        command: (ed) => { ed.chain().focus().setTextAlign(value).run(); },
+    };
+}
+//# sourceMappingURL=toolbarButtons.js.map