@tumaet/prompt-ui-components 0.0.10 → 0.0.12

package/dist/components/minimal-tiptap/hooks/use-container-size.js

@@ -0,0 +1,44 @@
+import { useState, useEffect, useCallback } from 'react';
+const DEFAULT_RECT = {
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    toJSON: () => '{}',
+};
+export function useContainerSize(element) {
+    const [size, setSize] = useState(() => element?.getBoundingClientRect() ?? DEFAULT_RECT);
+    const handleResize = useCallback(() => {
+        if (!element)
+            return;
+        const newRect = element.getBoundingClientRect();
+        setSize((prevRect) => {
+            if (Math.round(prevRect.width) === Math.round(newRect.width) &&
+                Math.round(prevRect.height) === Math.round(newRect.height) &&
+                Math.round(prevRect.x) === Math.round(newRect.x) &&
+                Math.round(prevRect.y) === Math.round(newRect.y)) {
+                return prevRect;
+            }
+            return newRect;
+        });
+    }, [element]);
+    useEffect(() => {
+        if (!element)
+            return;
+        const resizeObserver = new ResizeObserver(handleResize);
+        resizeObserver.observe(element);
+        window.addEventListener('click', handleResize);
+        window.addEventListener('resize', handleResize);
+        return () => {
+            resizeObserver.disconnect();
+            window.removeEventListener('click', handleResize);
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [element, handleResize]);
+    return size;
+}
+//# sourceMappingURL=use-container-size.js.map

package/dist/components/minimal-tiptap/hooks/use-container-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-container-size.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-container-size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,YAAY,GAAY;IAC5B,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;CACnB,CAAA;AAED,MAAM,UAAU,gBAAgB,CAAC,OAA2B;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,YAAY,CAAC,CAAA;IAEjG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,MAAM,OAAO,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAE/C,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnB,IACE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBACxD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;gBAC1D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAChD,CAAC;gBACD,OAAO,QAAQ,CAAA;YACjB,CAAC;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAY,CAAC,CAAA;QACvD,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAE/B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAA;YAC3B,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;YACjD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/components/minimal-tiptap/hooks/use-minimal-tiptap.js

@@ -0,0 +1,160 @@
+/* eslint-disable @typescript-eslint/no-shadow */
+import * as React from 'react';
+import { StarterKit } from '@tiptap/starter-kit';
+import { useEditor } from '@tiptap/react';
+import { Typography } from '@tiptap/extension-typography';
+import { Placeholder } from '@tiptap/extension-placeholder';
+import { Underline } from '@tiptap/extension-underline';
+import { TextStyle } from '@tiptap/extension-text-style';
+import { Link, Image, HorizontalRule, CodeBlockLowlight, Selection, Color, UnsetAllMarks, ResetMarksOnEnter, FileHandler, } from '../extensions';
+import { cn } from '../../../lib/utils';
+import { fileToBase64, getOutput, randomId } from '../utils';
+import { useThrottle } from '../hooks/use-throttle';
+import { toast } from 'sonner';
+const createExtensions = (placeholder) => [
+    StarterKit.configure({
+        horizontalRule: false,
+        codeBlock: false,
+        paragraph: { HTMLAttributes: { class: 'text-node' } },
+        heading: { HTMLAttributes: { class: 'heading-node' } },
+        blockquote: { HTMLAttributes: { class: 'block-node' } },
+        bulletList: { HTMLAttributes: { class: 'list-node' } },
+        orderedList: { HTMLAttributes: { class: 'list-node' } },
+        code: { HTMLAttributes: { class: 'inline', spellcheck: 'false' } },
+        dropcursor: { width: 2, class: 'ProseMirror-dropcursor border' },
+    }),
+    Link,
+    Underline,
+    Image.configure({
+        allowedMimeTypes: ['image/*'],
+        maxFileSize: 5 * 1024 * 1024,
+        allowBase64: true,
+        uploadFn: async (file) => {
+            // NOTE: This is a fake upload function. Replace this with your own upload logic.
+            // This function should return the uploaded image URL.
+            // wait 3s to simulate upload
+            await new Promise((resolve) => setTimeout(resolve, 3000));
+            const src = await fileToBase64(file);
+            // either return { id: string | number, src: string } or just src
+            // return src;
+            return { id: randomId(), src };
+        },
+        onToggle(editor, files, pos) {
+            editor.commands.insertContentAt(pos, files.map((image) => {
+                const blobUrl = URL.createObjectURL(image);
+                const id = randomId();
+                return {
+                    type: 'image',
+                    attrs: {
+                        id,
+                        src: blobUrl,
+                        alt: image.name,
+                        title: image.name,
+                        fileName: image.name,
+                    },
+                };
+            }));
+        },
+        onImageRemoved({ id, src }) {
+            console.log('Image removed', { id, src });
+        },
+        onValidationError(errors) {
+            errors.forEach((error) => {
+                toast.error('Image validation error', {
+                    position: 'bottom-right',
+                    description: error.reason,
+                });
+            });
+        },
+        onActionSuccess({ action }) {
+            const mapping = {
+                copyImage: 'Copy Image',
+                copyLink: 'Copy Link',
+                download: 'Download',
+            };
+            toast.success(mapping[action], {
+                position: 'bottom-right',
+                description: 'Image action success',
+            });
+        },
+        onActionError(error, { action }) {
+            const mapping = {
+                copyImage: 'Copy Image',
+                copyLink: 'Copy Link',
+                download: 'Download',
+            };
+            toast.error(`Failed to ${mapping[action]}`, {
+                position: 'bottom-right',
+                description: error.message,
+            });
+        },
+    }),
+    FileHandler.configure({
+        allowBase64: true,
+        allowedMimeTypes: ['image/*'],
+        maxFileSize: 5 * 1024 * 1024,
+        onDrop: (editor, files, pos) => {
+            files.forEach(async (file) => {
+                const src = await fileToBase64(file);
+                editor.commands.insertContentAt(pos, {
+                    type: 'image',
+                    attrs: { src },
+                });
+            });
+        },
+        onPaste: (editor, files) => {
+            files.forEach(async (file) => {
+                const src = await fileToBase64(file);
+                editor.commands.insertContent({
+                    type: 'image',
+                    attrs: { src },
+                });
+            });
+        },
+        onValidationError: (errors) => {
+            errors.forEach((error) => {
+                toast.error('Image validation error', {
+                    position: 'bottom-right',
+                    description: error.reason,
+                });
+            });
+        },
+    }),
+    Color,
+    TextStyle,
+    Selection,
+    Typography,
+    UnsetAllMarks,
+    HorizontalRule,
+    ResetMarksOnEnter,
+    CodeBlockLowlight,
+    Placeholder.configure({ placeholder: () => placeholder }),
+];
+export const useMinimalTiptapEditor = ({ value, output = 'html', placeholder = '', editorClassName, throttleDelay = 0, onUpdate, onBlur, ...props }) => {
+    const throttledSetValue = useThrottle((value) => onUpdate?.(value), throttleDelay);
+    const handleUpdate = React.useCallback((editor) => throttledSetValue(getOutput(editor, output)), [output, throttledSetValue]);
+    const handleCreate = React.useCallback((editor) => {
+        if (value && editor.isEmpty) {
+            editor.commands.setContent(value);
+        }
+    }, [value]);
+    const handleBlur = React.useCallback((editor) => onBlur?.(getOutput(editor, output)), [output, onBlur]);
+    const editor = useEditor({
+        extensions: createExtensions(placeholder),
+        editorProps: {
+            attributes: {
+                autocomplete: 'off',
+                autocorrect: 'off',
+                autocapitalize: 'off',
+                class: cn('focus:outline-none', editorClassName),
+            },
+        },
+        onUpdate: ({ editor }) => handleUpdate(editor),
+        onCreate: ({ editor }) => handleCreate(editor),
+        onBlur: ({ editor }) => handleBlur(editor),
+        ...props,
+    });
+    return editor;
+};
+export default useMinimalTiptapEditor;
+//# sourceMappingURL=use-minimal-tiptap.js.map

package/dist/components/minimal-tiptap/hooks/use-minimal-tiptap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-minimal-tiptap.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-minimal-tiptap.ts"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/hooks/use-theme.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export const useTheme = () => {
+    const [isDarkMode, setIsDarkMode] = React.useState(false);
+    React.useEffect(() => {
+        const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        setIsDarkMode(darkModeMediaQuery.matches);
+        const handleChange = (e) => {
+            const newDarkMode = e.matches;
+            setIsDarkMode(newDarkMode);
+        };
+        darkModeMediaQuery.addEventListener('change', handleChange);
+        return () => {
+            darkModeMediaQuery.removeEventListener('change', handleChange);
+        };
+    }, []);
+    return isDarkMode;
+};
+export default useTheme;
+//# sourceMappingURL=use-theme.js.map

package/dist/components/minimal-tiptap/hooks/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;QAC5E,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;QAEzC,MAAM,YAAY,GAAG,CAAC,CAAsB,EAAE,EAAE;YAC9C,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAA;YAC7B,aAAa,CAAC,WAAW,CAAC,CAAA;QAC5B,CAAC,CAAA;QAED,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE3D,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/minimal-tiptap/hooks/use-throttle.js

@@ -0,0 +1,24 @@
+import { useRef, useCallback } from 'react';
+export function useThrottle(callback, delay) {
+    const lastRan = useRef(Date.now());
+    const timeoutRef = useRef(null);
+    return useCallback((...args) => {
+        const handler = () => {
+            if (Date.now() - lastRan.current >= delay) {
+                callback(...args);
+                lastRan.current = Date.now();
+            }
+            else {
+                if (timeoutRef.current) {
+                    clearTimeout(timeoutRef.current);
+                }
+                timeoutRef.current = setTimeout(() => {
+                    callback(...args);
+                    lastRan.current = Date.now();
+                }, delay - (Date.now() - lastRan.current));
+            }
+        };
+        handler();
+    }, [callback, delay]);
+}
+//# sourceMappingURL=use-throttle.js.map

package/dist/components/minimal-tiptap/hooks/use-throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-throttle.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-throttle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,WAAW,CACzB,QAAW,EACX,KAAa;IAEb,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IAErE,OAAO,WAAW,CAChB,CAAC,GAAG,IAAmB,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;gBAC1C,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;gBACjB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;YAC9B,CAAC;iBAAM,CAAC;gBACN,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;oBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;gBAClC,CAAC;gBACD,UAAU,CAAC,OAAO,GAAG,UAAU,CAC7B,GAAG,EAAE;oBACH,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;oBACjB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;gBAC9B,CAAC,EACD,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CACvC,CAAA;YACH,CAAC;QACH,CAAC,CAAA;QAED,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAA;AACH,CAAC"}

package/dist/components/minimal-tiptap/index.js

@@ -0,0 +1,2 @@
+export * from './minimal-tiptap';
+//# sourceMappingURL=index.js.map

package/dist/components/minimal-tiptap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/components/minimal-tiptap/mailing-tiptap.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import './styles/index.css';
+import { EditorContent } from '@tiptap/react';
+import { Separator } from '../../components/ui/separator';
+import { cn } from '../../lib/utils';
+import { SectionOne } from './components/section/one';
+import { SectionTwo } from './components/section/two';
+import { SectionThree } from './components/section/three';
+import { SectionFour } from './components/section/four';
+import { SectionFive } from './components/section/five';
+import { LinkBubbleMenu } from './components/bubble-menu/link-bubble-menu';
+import { useMinimalTiptapEditor } from './hooks/use-minimal-tiptap';
+import { MeasuredContainer } from './components/measured-container';
+import SectionMailingPlaceholders from './components/section/mailingPlaceholders';
+const MailingToolbar = ({ editor, placeholders }) => (_jsx("div", { className: 'shrink-0 overflow-x-auto border-b border-border p-2', children: _jsxs("div", { className: 'flex w-max items-center gap-px', children: [_jsx(SectionOne, { editor: editor, activeLevels: [1, 2, 3, 4, 5, 6] }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionTwo, { editor: editor, activeActions: ['bold', 'italic', 'underline', 'strikethrough', 'code', 'clearFormatting'], mainActionCount: 3 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionThree, { editor: editor }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFour, { editor: editor, activeActions: ['orderedList', 'bulletList'], mainActionCount: 0 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFive, { editor: editor, activeActions: ['codeBlock', 'blockquote', 'horizontalRule'], mainActionCount: 0 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionMailingPlaceholders, { editor: editor, placeholders: placeholders })] }) }));
+export const MailingTiptapEditor = React.forwardRef(({ value, onChange, className, editorContentClassName, placeholders, ...props }, ref) => {
+    const editor = useMinimalTiptapEditor({
+        value,
+        onUpdate: onChange,
+        ...props,
+    });
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs(MeasuredContainer, { as: 'div', name: 'editor', ref: ref, className: cn('flex h-auto min-h-72 w-full flex-col rounded-md border border-input shadow-sm focus-within:border-primary', className), children: [_jsx(MailingToolbar, { editor: editor, placeholders: placeholders }), _jsx(EditorContent, { editor: editor, className: cn('minimal-tiptap-editor', editorContentClassName) }), _jsx(LinkBubbleMenu, { editor: editor })] }));
+});
+MailingTiptapEditor.displayName = 'MailingTiptapEditor';
+export default MailingTiptapEditor;
+//# sourceMappingURL=mailing-tiptap.js.map

package/dist/components/minimal-tiptap/mailing-tiptap.js.map

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

package/dist/components/minimal-tiptap/minimal-tiptap.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import './styles/index.css';
+import { EditorContent } from '@tiptap/react';
+import { Separator } from '../../components/ui/separator';
+import { cn } from '../../lib/utils';
+import { SectionOne } from './components/section/one';
+import { SectionTwo } from './components/section/two';
+import { SectionThree } from './components/section/three';
+import { SectionFour } from './components/section/four';
+import { SectionFive } from './components/section/five';
+import { LinkBubbleMenu } from './components/bubble-menu/link-bubble-menu';
+import { useMinimalTiptapEditor } from './hooks/use-minimal-tiptap';
+import { MeasuredContainer } from './components/measured-container';
+const Toolbar = ({ editor }) => (_jsx("div", { className: 'shrink-0 overflow-x-auto border-b border-border p-2', children: _jsxs("div", { className: 'flex w-max items-center gap-px', children: [_jsx(SectionOne, { editor: editor, activeLevels: [1, 2, 3, 4, 5, 6] }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionTwo, { editor: editor, activeActions: ['bold', 'italic', 'underline', 'strikethrough', 'code', 'clearFormatting'], mainActionCount: 3 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionThree, { editor: editor }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFour, { editor: editor, activeActions: ['orderedList', 'bulletList'], mainActionCount: 0 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFive, { editor: editor, activeActions: ['codeBlock', 'blockquote', 'horizontalRule'], mainActionCount: 0 })] }) }));
+export const MinimalTiptapEditor = React.forwardRef(({ value, onChange, className, editorContentClassName, ...props }, ref) => {
+    const editor = useMinimalTiptapEditor({
+        value,
+        onUpdate: onChange,
+        ...props,
+    });
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs(MeasuredContainer, { as: 'div', name: 'editor', ref: ref, className: cn('flex h-auto min-h-32 w-full flex-col rounded-md border border-input shadow-sm focus-within:border-primary', className), children: [_jsx(Toolbar, { editor: editor }), _jsx(EditorContent, { editor: editor, className: cn('minimal-tiptap-editor', editorContentClassName) }), _jsx(LinkBubbleMenu, { editor: editor })] }));
+});
+MinimalTiptapEditor.displayName = 'MinimalTiptapEditor';
+export default MinimalTiptapEditor;
+//# sourceMappingURL=minimal-tiptap.js.map

package/dist/components/minimal-tiptap/minimal-tiptap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-tiptap.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/minimal-tiptap.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAI3B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AASnE,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,qDAAqD,YAClE,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAI,EAEhE,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,GAAG,EAEzD,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAC1F,eAAe,EAAE,CAAC,GAClB,EAEF,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,GAAG,EAEzD,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,EAEhC,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,GAAG,EAEzD,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,EAC5C,eAAe,EAAE,CAAC,GAClB,EAEF,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,GAAG,EAEzD,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,gBAAgB,CAAC,EAC5D,eAAe,EAAE,CAAC,GAClB,IACE,GACF,CACP,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CACjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,sBAAsB,CAAC;QACpC,KAAK;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,KAAK;KACT,CAAC,CAAA;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,MAAC,iBAAiB,IAChB,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,SAAS,CACV,aAED,KAAC,OAAO,IAAC,MAAM,EAAE,MAAM,GAAI,EAC3B,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,GAC9D,EACF,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,IAChB,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}