react-latex-editor-custom-mhzn-v2 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 React Rich Text with Math
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,342 @@
+# react-latex-editor-custom-mhzn-v2
+
+[![npm version](https://img.shields.io/npm/v/react-latex-editor-custom-mhzn-v2)](https://www.npmjs.com/package/react-latex-editor-custom-mhzn-v2)
+[![npm downloads](https://img.shields.io/npm/dm/react-latex-editor-custom-mhzn-v2)](https://www.npmjs.com/package/react-latex-editor-custom-mhzn-v2)
+[![license](https://img.shields.io/npm/l/react-latex-editor-custom-mhzn-v2)](./LICENSE)
+[![TypeScript](https://img.shields.io/badge/TypeScript-ready-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
+
+A React WYSIWYG editor with first-class LaTeX math support. Built on [TipTap](https://tiptap.dev/) with [MathLive](https://cortexjs.io/mathlive/) for equation authoring and MathJax for read-only rendering.
+
+**[npm](https://www.npmjs.com/package/react-latex-editor-custom-mhzn-v2)** · **[Issues](https://github.com/muhzinasrori/react-latex-editor-custom-mhzn-v2-from-bablu-mia/issues)** · **[Changelog](https://github.com/muhzinasrori/react-latex-editor-custom-mhzn-v2-from-bablu-mia/releases)**
+
+---
+
+## Features
+
+- **Rich text** — bold, italic, underline, strike, colors, fonts, headings, lists, links, code blocks, blockquotes
+- **Mathematics** — inline and display equations via MathLive; persists as HTML for round-trip editing
+- **Tables** — insert, resize, and edit with row/column controls
+- **Images** — upload, URL, drag-and-drop, resize, and alignment
+- **SVG** — paste SVG markup from the toolbar, or insert programmatically
+- **YouTube** — embed and resize videos
+- **Viewer** — read-only rendering with MathJax
+- **TypeScript** — full type definitions included
+- **Accessible toolbar** — keyboard shortcuts and ARIA labels
+
+---
+
+## Installation
+
+```bash
+npm install react-latex-editor-custom-mhzn-v2
+```
+
+**Peer dependencies:** React 18+ or 19+
+
+```bash
+npm install react react-dom
+```
+
+Import styles once in your app entry (or layout):
+
+```tsx
+import "react-latex-editor-custom-mhzn-v2/styles";
+```
+
+---
+
+## Quick start
+
+```tsx
+import { useRef, useState } from "react";
+import { Editor, Viewer, type EditorRef } from "react-latex-editor-custom-mhzn-v2";
+import "react-latex-editor-custom-mhzn-v2/styles";
+
+export default function App() {
+  const [content, setContent] = useState("<p></p>");
+  const editorRef = useRef<EditorRef>(null);
+
+  return (
+    <>
+      <Editor
+        ref={editorRef}
+        initialContent={content}
+        onChange={setContent}
+        placeholder="Start writing…"
+        minHeight="320px"
+      />
+      <Viewer content={content} />
+    </>
+  );
+}
+```
+
+---
+
+## Next.js
+
+This package uses browser APIs (DOM, MathLive). Load it on the client only.
+
+**App Router** — mark the module as a client component:
+
+```tsx
+"use client";
+
+import { useState } from "react";
+import { Editor } from "react-latex-editor-custom-mhzn-v2";
+import "react-latex-editor-custom-mhzn-v2/styles";
+
+export default function MyEditor() {
+  const [content, setContent] = useState("<p></p>");
+  return <Editor initialContent={content} onChange={setContent} />;
+}
+```
+
+**Pages Router** — disable SSR for the editor:
+
+```tsx
+import dynamic from "next/dynamic";
+
+const Editor = dynamic(
+  () => import("react-latex-editor-custom-mhzn-v2").then((m) => m.Editor),
+  { ssr: false },
+);
+```
+
+---
+
+## Usage
+
+### Editor ref
+
+```tsx
+const editorRef = useRef<EditorRef>(null);
+
+editorRef.current?.getHTML();
+editorRef.current?.getJSON();
+editorRef.current?.getText();
+editorRef.current?.setContent("<p>Hello</p>");
+editorRef.current?.clearContent();
+editorRef.current?.focus();
+
+// Images
+editorRef.current?.addImage("https://example.com/photo.png");
+editorRef.current?.addImage({
+  src: "https://example.com/diagram.svg",
+  mediaType: "svg",
+  alt: "Diagram",
+});
+
+// SVG markup (same path as the toolbar “Paste SVG code” button)
+await editorRef.current?.addSvg(
+  `<svg xmlns="http://www.w3.org/2000/svg">…</svg>`,
+);
+
+// Files from your own <input type="file">
+await editorRef.current?.addImagesFromFiles(fileList);
+```
+
+### Mathematics
+
+Use the equation button in the toolbar (or `Ctrl`/`Cmd`+`M`). Equations can be inline or display mode. Content is stored in the document HTML so `getHTML()` / `setContent()` round-trip correctly.
+
+### Images and SVG
+
+| Action                       | Behavior                                                                                             |
+| ---------------------------- | ---------------------------------------------------------------------------------------------------- |
+| **Insert image** (toolbar)   | Built-in picker (file / URL) unless you pass `onImageSelectionRequest`                               |
+| **Paste SVG code** (toolbar) | Opens a dialog to paste `<svg>…</svg>` markup — no extra setup                                       |
+| Paste / drop                 | Image and SVG files, plus SVG markup, work in the editor surface                                     |
+| Custom upload UI             | Provide `onImageSelectionRequest`, then call `addImage` / `addImagesFromFiles` / `addSvg` on the ref |
+
+```tsx
+import { useRef } from "react";
+import {
+  Editor,
+  IMAGE_ACCEPT,
+  type EditorRef,
+} from "react-latex-editor-custom-mhzn-v2";
+
+function EditorWithCustomUpload() {
+  const editorRef = useRef<EditorRef>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  return (
+    <>
+      <input
+        ref={inputRef}
+        type="file"
+        accept={IMAGE_ACCEPT}
+        multiple
+        hidden
+        onChange={async (e) => {
+          if (e.target.files?.length) {
+            await editorRef.current?.addImagesFromFiles(e.target.files);
+          }
+          e.target.value = "";
+        }}
+      />
+      <Editor
+        ref={editorRef}
+        onImageSelectionRequest={() => inputRef.current?.click()}
+      />
+    </>
+  );
+}
+```
+
+### Viewer
+
+```tsx
+import { Viewer } from "react-latex-editor-custom-mhzn-v2";
+
+<Viewer
+  content={html}
+  className="viewer-shell"
+  contentClassName="prose max-w-none"
+  enableMath
+/>;
+```
+
+- `className` — wrapper element
+- `contentClassName` — content root (prefer this for typography)
+
+---
+
+## API
+
+### `Editor` props
+
+| Prop                      | Type                     | Default             | Description                            |
+| ------------------------- | ------------------------ | ------------------- | -------------------------------------- |
+| `initialContent`          | `string`                 | `"<p></p>"`         | Initial HTML                           |
+| `onChange`                | `(html: string) => void` | —                   | Fires on every update                  |
+| `placeholder`             | `string`                 | `"Start typing..."` | Empty-state placeholder                |
+| `readOnly`                | `boolean`                | `false`             | Disable editing                        |
+| `autoFocus`               | `boolean`                | `false`             | Focus on mount                         |
+| `className`               | `string`                 | `""`                | Extra class on the editor              |
+| `minHeight`               | `string`                 | `"300px"`           | Minimum editor height                  |
+| `maxHeight`               | `string`                 | —                   | Max height (scrollable)                |
+| `showCharacterCount`      | `boolean`                | `true`              | Footer character / word stats          |
+| `showTableControls`       | `boolean`                | `true`              | Table editing chrome                   |
+| `onImageSelectionRequest` | `() => void`             | —                   | Custom image picker; omit for built-in |
+| `onError`                 | `(error: Error) => void` | —                   | Error callback                         |
+
+### `EditorRef` methods
+
+| Method               | Signature                                             | Description                          |
+| -------------------- | ----------------------------------------------------- | ------------------------------------ |
+| `getHTML`            | `() => string`                                        | Serialized HTML                      |
+| `getJSON`            | `() => Record<string, unknown>`                       | TipTap JSON document                 |
+| `getText`            | `() => string`                                        | Plain text                           |
+| `setContent`         | `(content: string) => void`                           | Replace document                     |
+| `clearContent`       | `() => void`                                          | Empty the editor                     |
+| `focus` / `blur`     | `() => void`                                          | Focus management                     |
+| `isEmpty`            | `() => boolean`                                       | Whether the doc is empty             |
+| `getEditor`          | `() => Editor \| null`                                | Underlying TipTap instance           |
+| `addImage`           | `(input: ImageInsertInput) => void`                   | Insert image(s) or SVG figures       |
+| `addSvg`             | `(source: string \| File, options?) => Promise<void>` | Insert SVG from markup, URL, or file |
+| `addImagesFromFiles` | `(files: FileList \| File[]) => Promise<void>`        | Insert from a file list (data URLs)  |
+
+### `Viewer` props
+
+| Prop               | Type      | Default | Description       |
+| ------------------ | --------- | ------- | ----------------- |
+| `content`          | `string`  | —       | HTML to display   |
+| `className`        | `string`  | `""`    | Wrapper class     |
+| `contentClassName` | `string`  | `""`    | Content class     |
+| `enableMath`       | `boolean` | `true`  | Enable MathJax    |
+| `mathJaxConfig`    | `object`  | `{}`    | MathJax overrides |
+
+### Notable exports
+
+```tsx
+import {
+  Editor,
+  Viewer,
+  IMAGE_ACCEPT,
+  insertMath,
+  insertSvg,
+  addImagesFromFiles,
+  type EditorProps,
+  type EditorRef,
+  type ImageInsertItem,
+  type ImageInsertInput,
+} from "react-latex-editor-custom-mhzn-v2";
+```
+
+---
+
+## Examples
+
+**Minimal**
+
+```tsx
+<Editor
+  onChange={setContent}
+  showCharacterCount={false}
+  showTableControls={false}
+/>
+```
+
+**Fixed height**
+
+```tsx
+<Editor minHeight="400px" maxHeight="640px" onChange={setContent} />
+```
+
+**Math-heavy content**
+
+```tsx
+<Editor
+  initialContent="<p>Quadratic formula: </p>"
+  placeholder="Write with equations…"
+  onChange={setContent}
+/>
+```
+
+**Styled viewer**
+
+```tsx
+<Viewer
+  content={content}
+  className="rounded-lg bg-neutral-50 p-6"
+  contentClassName="text-lg leading-relaxed"
+/>
+```
+
+---
+
+## Troubleshooting
+
+| Issue                                     | Fix                                                                                                                                                                                                                                 |
+| ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Unstyled editor                           | Import `react-latex-editor-custom-mhzn-v2/styles`                                                                                                                                                                                      |
+| Next.js `window is not defined`           | Use `"use client"` or `dynamic(..., { ssr: false })`                                                                                                                                                                                |
+| Math missing in Viewer                    | Keep `enableMath` enabled (default); check that content includes math nodes from the Editor                                                                                                                                         |
+| Custom image button does nothing          | Call `addImagesFromFiles` / `addImage` / `addSvg` inside your `onImageSelectionRequest` handler                                                                                                                                     |
+| SVG not inserting                         | Use the **Paste SVG code** toolbar button, or `addSvg` with full `<svg>…</svg>` markup                                                                                                                                              |
+| `getStyleProperty` / TipTap export errors | Caused by mixing TipTap v2 and v3 in the host app. Use `react-latex-editor-custom-mhzn-v2@2.0.1+` (TipTap is pinned and bundled). Delete `node_modules` + lockfile and reinstall, or align all `@tiptap/*` packages to the same major. |
+
+---
+
+## Requirements
+
+- Node.js 16+
+- React 18 or 19
+- Modern evergreen browsers
+
+---
+
+## Contributing
+
+1. Fork and create a feature branch
+2. Install dependencies and run `npm run dev`
+3. Keep changes focused; run `npm run type-check` before opening a PR
+4. Open a pull request with a clear description
+
+---
+
+## License
+
+[MIT](./LICENSE) © [Bablu Mia](https://github.com/bablu22)

package/dist/components/CharacterCount.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+declare const CharacterCount: ({ editor }: {
+    editor: Editor | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default CharacterCount;
+//# sourceMappingURL=CharacterCount.d.ts.map

package/dist/components/CharacterCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterCount.d.ts","sourceRoot":"","sources":["../../src/components/CharacterCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAK5C,QAAA,MAAM,cAAc,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,mDAkC5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Editor.d.ts

@@ -0,0 +1,83 @@
+import { Editor as TiptapEditor } from '@tiptap/react';
+import { ImageInsertInput } from '../types/editor';
+export interface EditorRef {
+    /**
+     * Insert image(s) or SVG figure(s).
+     * Accepts URL strings or `{ src, mediaType: "svg" }` objects.
+     */
+    addImage: (input: ImageInsertInput) => void;
+    /**
+     * Insert an SVG from markup, URL, data URL, or File.
+     */
+    addSvg: (source: string | File, options?: {
+        alt?: string;
+        width?: string;
+    }) => Promise<void>;
+    /**
+     * Insert images/SVGs from a FileList (e.g. from your own file input).
+     * Converts to data URLs so content persists when saved via getHTML().
+     */
+    addImagesFromFiles: (files: FileList | File[]) => Promise<void>;
+    getHTML: () => string;
+    getJSON: () => Record<string, unknown>;
+    getText: () => string;
+    setContent: (content: string) => void;
+    clearContent: () => void;
+    focus: () => void;
+    blur: () => void;
+    isEmpty: () => boolean;
+    getEditor: () => TiptapEditor | null;
+}
+export interface EditorProps {
+    /**
+     * Initial content of the editor
+     */
+    initialContent?: string;
+    /**
+     * Callback function when content changes
+     */
+    onChange?: (content: string) => void;
+    /**
+     * Placeholder text for the editor
+     */
+    placeholder?: string;
+    /**
+     * Whether the editor is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Whether to auto-focus the editor on mount
+     */
+    autoFocus?: boolean;
+    /**
+     * Additional CSS class name for styling
+     */
+    className?: string;
+    /**
+     * Callback for image selection requests.
+     * If omitted, a built-in image picker dialog is shown.
+     */
+    onImageSelectionRequest?: () => void;
+    /**
+     * Minimum height of the editor
+     */
+    minHeight?: string;
+    /**
+     * Maximum height of the editor (for scrolling)
+     */
+    maxHeight?: string;
+    /**
+     * Whether to show the character count
+     */
+    showCharacterCount?: boolean;
+    /**
+     * Whether to show table controls
+     */
+    showTableControls?: boolean;
+    /**
+     * Callback when an error occurs
+     */
+    onError?: (error: Error) => void;
+}
+export declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
+//# sourceMappingURL=Editor.d.ts.map

package/dist/components/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,MAAM,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAoBtF,OAAO,sBAAsB,CAAC;AAQ9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7F;;;OAGG;IACH,kBAAkB,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,MAAM,mGA6PjB,CAAC"}

package/dist/components/EditorToolbar.d.ts

@@ -0,0 +1,10 @@
+import { Editor } from '@tiptap/react';
+export interface EditorToolbarProps {
+    editor: Editor | null;
+    readOnly?: boolean;
+    onMathDialogOpen?: () => void;
+    onImagePicker?: () => void;
+}
+declare const EditorToolbar: (props: EditorToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default EditorToolbar;
+//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/EditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../src/components/EditorToolbar.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAkC/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,20 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+/**
+ * Error Boundary component to catch and handle errors in the editor
+ */
+declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,cAAM,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACrC,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CA0CP;AAED,eAAe,aAAa,CAAC"}

package/dist/components/ImagePickerDialog.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface ImagePickerDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onImageSelect: (items: Array<{
+        src: string;
+        alt?: string;
+        mediaType?: "image" | "svg";
+        svgContent?: string;
+    }>) => void;
+    onUploadClick?: () => void;
+}
+declare const ImagePickerDialog: React.FC<ImagePickerDialogProps>;
+export default ImagePickerDialog;
+//# sourceMappingURL=ImagePickerDialog.d.ts.map

package/dist/components/ImagePickerDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerDialog.d.ts","sourceRoot":"","sources":["../../src/components/ImagePickerDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAYxE,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,KAAK,EAAE,KAAK,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;QAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC,KACC,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAsBD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwQvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/LoadingOverlay.d.ts

@@ -0,0 +1,5 @@
+declare const LoadingOverlay: ({ isLoading }: {
+    isLoading: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LoadingOverlay;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

package/dist/components/LoadingOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/components/LoadingOverlay.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc,GAAI,eAAe;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,4CAU5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/MathEquationDialog.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { MathfieldElement } from '../types/mathlive';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "math-field": React.DetailedHTMLProps<React.HTMLAttributes<MathfieldElement>, MathfieldElement> & {
+                ref?: React.Ref<MathfieldElement>;
+                value?: string;
+                onInput?: (event: any) => void;
+                "virtual-keyboard-mode"?: string;
+                "math-mode"?: string;
+                "smart-mode"?: string;
+                "smart-fence"?: string;
+                "smart-superscript"?: string;
+                "smart-subscript"?: string;
+                "smart-operator"?: string;
+                "smart-fraction"?: string;
+                "smart-sqrt"?: string;
+                "smart-bracket"?: string;
+                "smart-paren"?: string;
+                "smart-quote"?: string;
+                "smart-space"?: string;
+                "smart-command"?: string;
+                "menu-items"?: string;
+                "menu-toggle"?: string;
+                "menu-toggle-visible"?: string;
+                [key: string]: any;
+            };
+        }
+    }
+}
+interface MathEquationDialogProps {
+    onClose: () => void;
+    onInsert: (latex: string, displayMode?: boolean) => void;
+    initialValue?: string;
+}
+declare const MathEquationDialog: React.ForwardRefExoticComponent<MathEquationDialogProps & React.RefAttributes<HTMLDivElement>>;
+export default MathEquationDialog;
+//# sourceMappingURL=MathEquationDialog.d.ts.map

package/dist/components/MathEquationDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathEquationDialog.d.ts","sourceRoot":"","sources":["../../src/components/MathEquationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,gBAAgB,EAAwB,MAAM,mBAAmB,CAAC;AAE3E,OAAO,kCAAkC,CAAC;AAK1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,YAAY,EAAE,KAAK,CAAC,iBAAiB,CACnC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,gBAAgB,CACjB,GAAG;gBACF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;gBAClC,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;gBAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;gBACjC,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;gBAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;gBAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;gBAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;gBAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,eAAe,CAAC,EAAE,MAAM,CAAC;gBACzB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,eAAe,CAAC,EAAE,MAAM,CAAC;gBACzB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;gBAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;aACpB,CAAC;SACH;KACF;CACF;AAKD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD,QAAA,MAAM,kBAAkB,gGAkcvB,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

package/dist/components/ModalPortal.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface ModalPortalProps {
+    children: ReactNode;
+}
+/**
+ * Render modals on document.body so host app layout (transform, overflow,
+ * nested forms) cannot break fixed positioning or sizing.
+ */
+export default function ModalPortal({ children }: ModalPortalProps): import('react').ReactPortal | null;
+export {};
+//# sourceMappingURL=ModalPortal.d.ts.map

package/dist/components/ModalPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../src/components/ModalPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,sCAiBjE"}

package/dist/components/ResizableImageView.d.ts

@@ -0,0 +1,22 @@
+import { Node } from '@tiptap/pm/model';
+import { default as React } from 'react';
+interface ImageNodeAttrs {
+    src: string;
+    alt?: string;
+    title?: string;
+    width?: string;
+    height?: string;
+    align?: string;
+    mediaType?: "image" | "svg";
+    svgContent?: string | null;
+}
+interface ResizableImageViewProps {
+    node: Node & {
+        attrs: ImageNodeAttrs;
+    };
+    updateAttributes: (attrs: Partial<ImageNodeAttrs>) => void;
+    selected?: boolean;
+}
+declare const ResizableImageView: React.FC<ResizableImageViewProps>;
+export default ResizableImageView;
+//# sourceMappingURL=ResizableImageView.d.ts.map

package/dist/components/ResizableImageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableImageView.d.ts","sourceRoot":"","sources":["../../src/components/ResizableImageView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,0BAA0B,CAAC;AAElC,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,IAAI,GAAG;QACX,KAAK,EAAE,cAAc,CAAC;KACvB,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8OzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/ResizableYoutubeView.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Node } from '@tiptap/pm/model';
+interface YoutubeNodeAttrs {
+    src: string;
+    width: string;
+    height: string;
+    align: string;
+}
+interface ResizableYoutubeViewProps {
+    node: Node & {
+        attrs: YoutubeNodeAttrs;
+    };
+    updateAttributes: (attrs: Partial<YoutubeNodeAttrs>) => void;
+    selected?: boolean;
+}
+declare const ResizableYoutubeView: React.FC<ResizableYoutubeViewProps>;
+export default ResizableYoutubeView;
+//# sourceMappingURL=ResizableYoutubeView.d.ts.map

package/dist/components/ResizableYoutubeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableYoutubeView.d.ts","sourceRoot":"","sources":["../../src/components/ResizableYoutubeView.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,IAAI,GAAG;QACX,KAAK,EAAE,gBAAgB,CAAC;KACzB,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwK7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/TableControls.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/react';
+interface TableControlsProps {
+    editor: Editor | null;
+    readOnly?: boolean;
+}
+declare const TableControls: ({ editor, readOnly }: TableControlsProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TableControls;
+//# sourceMappingURL=TableControls.d.ts.map

package/dist/components/TableControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableControls.d.ts","sourceRoot":"","sources":["../../src/components/TableControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,sBAAsB,kBAAkB,mDA0E9D,CAAC;AAEF,eAAe,aAAa,CAAC"}