planet-editor 0.1.0

package/LICENSE

@@ -0,0 +1,24 @@
+MIT License
+
+Copyright (c) 2026 Umar @umarzahid
+
+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.
+
+This product includes third-party open-source software. See
+THIRD-PARTY-LICENSES.md for the required notices.
+
+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,129 @@
+# planet-editor
+
+A batteries-included [Planet](https://planet.dev) rich-text editor that works in **React**, **Next.js**, and **standalone HTML** — with a ready-made toolbar, font sizing, tables, and resizable images with captions. No backend required (images embed as base64 by default).
+
+## Features
+
+- Find-in-document search (toolbar button or ⌘F / Ctrl+F) with match count + next/prev
+- Bold / italic / underline / strike, headings, lists, task lists, blockquotes, code blocks
+- Font-size dropdown (presets + custom px) and text alignment
+- Tables (insert, add/remove rows & columns, merge/split, header toggles)
+- Resizable images with editable captions
+- Link popover, highlight colors, sub/superscript
+- Light/dark mode, mobile toolbar, keyboard shortcuts
+- SSR-safe (renders cleanly in Next.js App Router)
+
+## Install
+
+```bash
+npm install planet-editor
+```
+
+`react` and `react-dom` (v18 or v19) are peer dependencies — your app provides them.
+
+---
+
+## 1. React
+
+```tsx
+import { Editor } from "planet-editor"
+import "planet-editor/styles.css"
+
+export default function App() {
+  return (
+    <Editor
+      content="<p>Hello world</p>"
+      editable
+      onChange={({ html, json }) => console.log(html, json)}
+    />
+  )
+}
+```
+
+## 2. Next.js (App Router)
+
+The editor is a client component. Import it from a client component or disable SSR:
+
+```tsx
+"use client"
+
+import { Editor } from "planet-editor"
+import "planet-editor/styles.css"
+
+export default function EditorPage() {
+  return <Editor content="<p>Start writing…</p>" onChange={({ html }) => save(html)} />
+}
+```
+
+> Import `planet-editor/styles.css` once (e.g. in `app/layout.tsx` or the page).
+
+## 3. Standalone HTML (no build step)
+
+Drop in the web component from a CDN — it registers a `<planet-editor>` element:
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/planet-editor/dist/web-component/planet-editor.css" />
+<script src="https://unpkg.com/planet-editor/dist/web-component/planet-editor.js"></script>
+
+<planet-editor content="<p>Hello</p>"></planet-editor>
+
+<script>
+  document
+    .querySelector("planet-editor")
+    .addEventListener("change", (e) => console.log(e.detail.html, e.detail.json))
+</script>
+```
+
+Attributes: `content` (initial HTML), `editable` (`"false"` for read-only), `line-numbers` (present = on). Event: `change` → `{ html, json }`.
+
+```html
+<planet-editor line-numbers content="<p>Numbered</p>"></planet-editor>
+```
+
+Prefer **one self-contained file**? Run `npm run build:standalone` to generate
+`dist/web-component/planet-editor.html` — JS and CSS inlined, no external files,
+no iframe. Open it directly, host it anywhere, or embed its markup in any page.
+
+---
+
+## Props (React / Next.js)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `content` | `string \| object` | demo content | Initial HTML string or Planet JSON |
+| `editable` | `boolean` | `true` | Read-only when `false` |
+| `onChange` | `({ html, json }) => void` | — | Fires on every change |
+| `uploadImage` | `(file, onProgress?, signal?) => Promise<string>` | base64 | Upload handler; return the stored image URL |
+| `lineNumbers` | `boolean` | `false` | Show a line-number gutter numbering each top-level block |
+
+```tsx
+<Editor lineNumbers />   {/* start with the line-number gutter on */}
+```
+
+The `lineNumbers` prop sets the **initial** state. Users can also toggle line
+numbers on/off at any time with the line-numbers button in the toolbar. Every
+visual row is numbered (wrapped lines included).
+
+### Uploading images to a backend
+
+By default images are embedded as base64 data URLs (no network). To store them on a server, pass `uploadImage`:
+
+```tsx
+import { Editor } from "planet-editor"
+
+<Editor
+  uploadImage={async (file) => {
+    const body = new FormData()
+    body.append("file", file)
+    const res = await fetch("/api/upload", { method: "POST", body })
+    const { url } = await res.json()
+    return url
+  }}
+/>
+```
+
+`base64Upload` (the default handler) is also exported if you want to compose with it.
+
+## License
+
+MIT

package/THIRD-PARTY-LICENSES.md

@@ -0,0 +1,76 @@
+# Third-Party Licenses
+
+Planet Editor is built on top of open-source software. Their license notices are
+reproduced below as required by their respective licenses. The editor engine is
+accessed internally through `src/planet-core/` (see that directory).
+
+---
+
+## Tiptap
+
+Planet Editor's rich-text engine is based on Tiptap (https://tiptap.dev),
+including `@tiptap/core`, `@tiptap/react`, `@tiptap/pm`, `@tiptap/starter-kit`,
+and the `@tiptap/extension-*` packages.
+
+```
+MIT License
+
+Copyright (c) 2025, Tiptap GmbH
+
+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.
+```
+
+---
+
+## ProseMirror
+
+Tiptap is built on ProseMirror (https://prosemirror.net), which is bundled via
+`@tiptap/pm` (`prosemirror-state`, `prosemirror-view`, `prosemirror-model`,
+`prosemirror-transform`, `prosemirror-commands`, and related packages).
+
+```
+Copyright (C) 2015-2017 by Marijn Haverbeke <marijn@haverbeke.berlin> and others
+
+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.
+```
+
+---
+
+## Other dependencies
+
+Planet Editor also depends on other MIT-licensed packages, including
+`@floating-ui/react`, `@radix-ui/*`, `react-hotkeys-hook`, `clsx`,
+`class-variance-authority`, and `lodash.throttle`. Their full license texts are
+available in each package's directory under `node_modules`.

package/dist/lib/components/planet-extension/node-background-extension.d.ts

@@ -0,0 +1,23 @@
+import { Extension } from '../../planet-core/core';
+declare module '../../planet-core/core' {
+    interface Commands<ReturnType> {
+        nodeBackground: {
+            setNodeBackgroundColor: (backgroundColor: string) => ReturnType;
+            unsetNodeBackgroundColor: () => ReturnType;
+            toggleNodeBackgroundColor: (backgroundColor: string) => ReturnType;
+        };
+    }
+}
+export interface NodeBackgroundOptions {
+    /**
+     * Node types that should support background colors
+     * @default ["paragraph", "heading", "blockquote", "taskList", "bulletList", "orderedList", "tableCell", "tableHeader"]
+     */
+    types: string[];
+    /**
+     * Use inline style instead of data attribute
+     * @default true
+     */
+    useStyle?: boolean;
+}
+export declare const NodeBackground: Extension<NodeBackgroundOptions, any>;

package/dist/lib/components/planet-extension/search-extension.d.ts

@@ -0,0 +1,39 @@
+import { Extension } from '../../planet-core/core';
+import { PluginKey } from '../../planet-core/pm/state';
+import { DecorationSet } from '../../planet-core/pm/view';
+/**
+ * Planet Search — find-in-document for the editor.
+ *
+ * A ProseMirror plugin that finds all occurrences of a search term, highlights
+ * them with decorations (with a distinct style for the active match), and
+ * exposes commands to navigate between matches. Pure client-side, no network.
+ */
+export interface SearchMatch {
+    from: number;
+    to: number;
+}
+export interface SearchPluginState {
+    searchTerm: string;
+    caseSensitive: boolean;
+    matches: SearchMatch[];
+    currentIndex: number;
+    decorations: DecorationSet;
+}
+export declare const searchPluginKey: PluginKey<SearchPluginState>;
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        planetSearch: {
+            /** Set the search term (and reset to the first match). */
+            setSearchTerm: (term: string) => ReturnType;
+            /** Toggle case-sensitive matching. */
+            setSearchCaseSensitive: (value: boolean) => ReturnType;
+            /** Move to the next match (wraps around). */
+            nextSearchMatch: () => ReturnType;
+            /** Move to the previous match (wraps around). */
+            previousSearchMatch: () => ReturnType;
+            /** Clear the search and remove all highlights. */
+            clearSearch: () => ReturnType;
+        };
+    }
+}
+export declare const SearchExtension: Extension<any, any>;

package/dist/lib/components/planet-icons/align-center-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignCenterIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/align-justify-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignJustifyIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/align-left-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignLeftIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/align-right-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignRightIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/arrow-left-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ArrowLeftIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/ban-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const BanIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/blockquote-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const BlockquoteIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/bold-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const BoldIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/check-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CheckIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/chevron-down-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ChevronDownIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/close-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CloseIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/code-block-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CodeBlockIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/code2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Code2Icon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/corner-down-left-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CornerDownLeftIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/external-link-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ExternalLinkIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-five-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingFiveIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-four-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingFourIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-one-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingOneIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-six-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingSixIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-three-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingThreeIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/heading-two-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingTwoIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/highlighter-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HighlighterIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/image-plus-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ImagePlusIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/italic-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ItalicIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/line-numbers-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const LineNumbersIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/link-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const LinkIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/list-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ListIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/list-ordered-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ListOrderedIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/list-todo-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ListTodoIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/moon-star-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const MoonStarIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/redo2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Redo2Icon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/search-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SearchIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/strike-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const StrikeIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/subscript-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SubscriptIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/sun-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SunIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/superscript-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SuperscriptIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/table-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TableIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/trash-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TrashIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/underline-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const UnderlineIcon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-icons/undo2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Undo2Icon: import('react').MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/lib/components/planet-node/horizontal-rule-node/horizontal-rule-node-extension.d.ts

@@ -0,0 +1,2 @@
+export declare const HorizontalRule: import('@tiptap/core').Node<import('@tiptap/extension-horizontal-rule').HorizontalRuleOptions, any>;
+export default HorizontalRule;

package/dist/lib/components/planet-node/image-node/resizable-image-extension.d.ts

@@ -0,0 +1,10 @@
+import { ImageOptions } from '../../../planet-core/extension-image';
+/**
+ * The default Image extension with:
+ *  - base64 (data URL) sources allowed (our demo uploads embed data URLs)
+ *  - a `width` attribute that survives round-trips (for resizing)
+ *  - a `caption` attribute, rendered as a <figcaption>
+ *  - a React node view providing a drag-to-resize handle + editable caption
+ */
+export declare const ResizableImage: import('@tiptap/core').Node<ImageOptions, any>;
+export default ResizableImage;

package/dist/lib/components/planet-node/image-node/resizable-image-node-view.d.ts

@@ -0,0 +1,7 @@
+import { NodeViewProps } from '../../../planet-core/react';
+/**
+ * Node view for the image node: renders the image with a bottom-right resize
+ * handle (drag to shrink/grow, aspect ratio preserved) and an editable caption
+ * underneath.
+ */
+export declare function ResizableImageNodeView({ node, updateAttributes, selected, editor, }: NodeViewProps): import("react").JSX.Element;

package/dist/lib/components/planet-node/image-upload-node/image-upload-node-extension.d.ts

@@ -0,0 +1,58 @@
+import { Node } from '../../../planet-core/react';
+import { NodeType } from '../../../planet-core/pm/model';
+export type UploadFunction = (file: File, onProgress?: (event: {
+    progress: number;
+}) => void, abortSignal?: AbortSignal) => Promise<string>;
+export interface ImageUploadNodeOptions {
+    /**
+     * The type of the node.
+     * @default 'image'
+     */
+    type?: string | NodeType | undefined;
+    /**
+     * Acceptable file types for upload.
+     * @default 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files that can be uploaded.
+     * @default 1
+     */
+    limit?: number;
+    /**
+     * Maximum file size in bytes (0 for unlimited).
+     * @default 0
+     */
+    maxSize?: number;
+    /**
+     * Function to handle the upload process.
+     */
+    upload?: UploadFunction;
+    /**
+     * Callback for upload errors.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback for successful uploads.
+     */
+    onSuccess?: (url: string) => void;
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '../../../planet-core/react' {
+    interface Commands<ReturnType> {
+        imageUpload: {
+            setImageUploadNode: (options?: ImageUploadNodeOptions) => ReturnType;
+        };
+    }
+}
+/**
+ * A Planet node extension that creates an image upload component.
+ * @see registry/planet-node/image-upload-node/image-upload-node
+ */
+export declare const ImageUploadNode: Node<ImageUploadNodeOptions, any>;
+export default ImageUploadNode;