@junbyeol/tiptap-editor 0.1.5 → 1.0.13

package/dist/types/components/tiptap-ui/text-align-button/use-text-align.d.ts

@@ -24,10 +24,10 @@ export interface UseTextAlignConfig {
 }
 export declare const TEXT_ALIGN_SHORTCUT_KEYS: Record<TextAlign, string>;
 export declare const textAlignIcons: {
-    left: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
-    center: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
-    right: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
-    justify: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
+    left: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+    center: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+    right: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+    justify: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
 };
 export declare const textAlignLabels: Record<TextAlign, string>;
 /**
@@ -97,5 +97,5 @@ export declare function useTextAlign(config: UseTextAlignConfig): {
     canAlign: boolean;
     label: string;
     shortcutKeys: string;
-    Icon: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
+    Icon: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
 };

package/dist/types/components/tiptap-ui/undo-redo-button/undo-redo-button.d.ts

@@ -14,7 +14,7 @@ export interface UndoRedoButtonProps extends Omit<ButtonProps, "type">, UseUndoR
 export declare function HistoryShortcutBadge({ action, shortcutKeys, }: {
     action: UndoRedoAction;
     shortcutKeys?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Button component for triggering undo/redo actions in a Tiptap editor.
  *

package/dist/types/components/tiptap-ui/undo-redo-button/use-undo-redo.d.ts

@@ -25,8 +25,8 @@ export interface UseUndoRedoConfig {
 export declare const UNDO_REDO_SHORTCUT_KEYS: Record<UndoRedoAction, string>;
 export declare const historyActionLabels: Record<UndoRedoAction, string>;
 export declare const historyIcons: {
-    undo: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
-    redo: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
+    undo: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+    redo: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
 };
 /**
  * Checks if a history action can be executed
@@ -86,5 +86,5 @@ export declare function useUndoRedo(config: UseUndoRedoConfig): {
     canExecute: boolean;
     label: string;
     shortcutKeys: string;
-    Icon: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react/jsx-runtime").JSX.Element>;
+    Icon: import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element> | import('react').MemoExoticComponent<({ className, ...props }: Omit<import('react').SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
 };

package/dist/types/components/tiptap-ui-primitive/button/button.d.ts

@@ -11,7 +11,4 @@ export declare const ShortcutDisplay: React.FC<{
     shortcuts: string[];
 }>;
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const ButtonGroup: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-    orientation?: "horizontal" | "vertical";
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Button;

package/dist/types/components/tiptap-ui-primitive/button-group/button-group.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from '../separator';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };

package/dist/types/components/tiptap-ui-primitive/button-group/index.d.ts

@@ -0,0 +1 @@
+export * from './button-group';

package/dist/types/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.d.ts

@@ -1,6 +1,6 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react").JSX.Element;
 declare const DropdownMenuTrigger: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: import('react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSub: import('react').FC<DropdownMenuPrimitive.DropdownMenuSubProps>;

package/dist/types/components/tiptap-ui-primitive/input/index.d.ts

@@ -0,0 +1 @@
+export * from './input';

package/dist/types/components/tiptap-ui-primitive/input/input.d.ts

@@ -0,0 +1,2 @@
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react").JSX.Element;
+export { Input };

package/dist/types/components/tiptap-ui-primitive/popover/popover.d.ts

@@ -1,5 +1,5 @@
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react").JSX.Element;
 export { Popover, PopoverTrigger, PopoverContent };

package/dist/types/components/tiptap-ui-primitive/separator/separator.d.ts

@@ -1,6 +1,5 @@
 export type Orientation = "horizontal" | "vertical";
-export interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare function Separator({ decorative, orientation, className, ...props }: React.ComponentProps<"div"> & {
     orientation?: Orientation;
     decorative?: boolean;
-}
-export declare const Separator: import('react').ForwardRefExoticComponent<SeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
+}): import("react").JSX.Element;

package/dist/types/components/tiptap-ui-primitive/spacer/spacer.d.ts

@@ -3,4 +3,4 @@ export interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: SpacerOrientation;
     size?: string | number;
 }
-export declare function Spacer({ orientation, size, style, ...props }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Spacer({ orientation, size, style, ...props }: SpacerProps): import("react").JSX.Element;

package/dist/types/components/tiptap-ui-primitive/tooltip/tooltip.d.ts

@@ -19,7 +19,7 @@ interface TooltipContentProps extends Omit<React.HTMLProps<HTMLDivElement>, "ref
     portal?: boolean;
     portalProps?: Omit<React.ComponentProps<typeof FloatingPortal>, "children">;
 }
-export declare function Tooltip({ children, ...props }: TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ children, ...props }: TooltipProviderProps): import("react").JSX.Element;
 export declare namespace Tooltip {
     var displayName: string;
 }

package/dist/types/hooks/use-tiptap-editor.d.ts

@@ -1,15 +1,4 @@
-import { Editor } from '@tiptap/react';
-/**
- * Hook that provides access to a Tiptap editor instance.
- *
- * Accepts an optional editor instance directly, or falls back to retrieving
- * the editor from the Tiptap context if available. This allows components
- * to work both when given an editor directly and when used within a Tiptap
- * editor context.
- *
- * @param providedEditor - Optional editor instance to use instead of the context editor
- * @returns The provided editor or the editor from context, whichever is available
- */
+import { Editor } from '@tiptap/core';
 export declare function useTiptapEditor(providedEditor?: Editor | null): {
     editor: Editor | null;
     editorState?: Editor["state"];

package/dist/types/lib/fonts.d.ts

@@ -0,0 +1,12 @@
+export type FontEntry = {
+    label: string;
+    family: string;
+    href: string;
+};
+export type FontLinkEntry = {
+    family: string;
+    href: string;
+};
+export declare const EDITOR_FONTS: FontEntry[];
+export declare const EDITOR_FONT_LINKS: FontLinkEntry[];
+export declare function EditorFontStylesheets(): import("react").JSX.Element[];

package/dist/types/lib/index.d.ts

@@ -1,5 +1,8 @@
 export { default as TiptapEditor } from '../tiptap/index';
 export type { TiptapProps } from '../tiptap/index';
-export type { FileAttachmentAttributes } from '../tiptap/extensions/file-attachment';
-export { createFileAttachmentExtension } from '../tiptap/extensions/file-attachment';
-export { DefaultFileAttachmentComponent } from '../tiptap/extensions/default-file-attachment';
+export { default as TiptapContent } from '../tiptap/content';
+export type { TiptapContentProps } from '../tiptap/content';
+export type { FileAttachmentAttributes } from '../tiptap/extensions/FileAttachment';
+export { FileAttachment, FileAttachmentNode, } from '../tiptap/extensions/FileAttachment';
+export { DefaultFileAttachmentComponent } from '../tiptap/extensions/DefaultFileAttachmentComponent';
+export { EDITOR_FONTS, EDITOR_FONT_LINKS, EditorFontStylesheets, } from './fonts';

package/dist/types/lib/tiptap-utils.d.ts

@@ -1,5 +1,6 @@
 import { Node as PMNode } from '@tiptap/pm/model';
 import { Transaction, Selection } from '@tiptap/pm/state';
+import { ClassValue } from 'clsx';
 import { Editor, NodeWithPos } from '@tiptap/react';
 export declare const MAX_FILE_SIZE: number;
 export declare const MAC_SYMBOLS: Record<string, string>;
@@ -14,7 +15,7 @@ export declare const SR_ONLY: {
     readonly whiteSpace: "nowrap";
     readonly borderWidth: 0;
 };
-export declare function cn(...classes: (string | boolean | undefined | null)[]): string;
+export declare function cn(...inputs: ClassValue[]): string;
 /**
  * Determines if the current platform is macOS
  * @returns boolean indicating if the current platform is Mac
@@ -164,5 +165,9 @@ export declare function selectCurrentBlockContent(editor: Editor): void;
  * @returns An array of objects containing the node and its position
  */
 export declare function getSelectedNodesOfType(selection: Selection, allowedNodeTypes: string[]): NodeWithPos[];
+/**
+ * Clamps a value between min and max bounds
+ */
+export declare function clamp(value: number, min: number, max: number): number;
 export declare function getSelectedBlockNodes(editor: Editor): PMNode[];
 export {};

package/dist/types/tiptap/content.d.ts

@@ -0,0 +1,6 @@
+export interface TiptapContentProps {
+    html: string;
+    className?: string;
+}
+declare const TiptapContent: ({ html, className }: TiptapContentProps) => import("react").JSX.Element;
+export default TiptapContent;

package/dist/types/tiptap/contexts/FileHandlerContext.d.ts

@@ -0,0 +1,7 @@
+import { useEditor } from '@tiptap/react';
+export interface FileHandlerContextValue {
+    resolveFileUrl: (file: File) => Promise<string | null>;
+    insertFile: (editor: ReturnType<typeof useEditor>, file: File, url: string, pos: number) => void;
+}
+export declare const FileHandlerContext: import('react').Context<FileHandlerContextValue | null>;
+export declare function useFileHandlerContext(): FileHandlerContextValue;

package/dist/types/tiptap/extensions/BasicKit.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@tiptap/core';
+export declare const BasicKit: Extension<any, any>;

package/dist/types/tiptap/extensions/BlockquoteKit.d.ts

@@ -0,0 +1,2 @@
+export type BlockquoteStyle = "bar" | "quote" | "box";
+export declare const BlockquoteKit: import('@tiptap/core').Node<import('@tiptap/extension-blockquote').BlockquoteOptions, any>;

package/dist/types/tiptap/extensions/DefaultFileAttachmentComponent.d.ts

@@ -0,0 +1,2 @@
+import { FileAttachmentAttributes } from './FileAttachment';
+export declare const DefaultFileAttachmentComponent: ({ name, url, }: FileAttachmentAttributes) => import("react").JSX.Element;

package/dist/types/tiptap/extensions/FigcaptionKit.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const FigcaptionKit: Node<any, any>;

package/dist/types/tiptap/extensions/FigureKit.d.ts

@@ -0,0 +1,16 @@
+import { Node } from '@tiptap/core';
+export type FigureAlign = "left" | "center" | "right";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        figure: {
+            insertFigure: (attrs: {
+                src: string;
+                alt?: string;
+                align?: FigureAlign;
+            }) => ReturnType;
+            setFigureAlign: (align: FigureAlign) => ReturnType;
+            toggleFigcaption: () => ReturnType;
+        };
+    }
+}
+export declare const FigureKit: Node<any, any>;

package/dist/types/tiptap/extensions/FileAttachment.d.ts

@@ -0,0 +1,13 @@
+import { Node, Extension } from '@tiptap/core';
+import { ComponentType } from 'react';
+export interface FileAttachmentAttributes {
+    name: string;
+    mimeType: string;
+    url: string;
+    size: number;
+}
+export interface FileAttachmentOptions {
+    component: ComponentType<FileAttachmentAttributes>;
+}
+export declare const FileAttachmentNode: Node<FileAttachmentOptions, any>;
+export declare const FileAttachment: Extension<FileAttachmentOptions, any>;

package/dist/types/tiptap/extensions/FontFamilyKit.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/core';
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        fontFamily: {
+            setFontFamily: (family: string) => ReturnType;
+            unsetFontFamily: () => ReturnType;
+        };
+    }
+}
+export declare const FontFamilyKit: Extension<any, any>;

package/dist/types/tiptap/extensions/FontSizeKit.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/core';
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        fontSize: {
+            setFontSize: (size: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+export declare const FontSizeKit: Extension<any, any>;

package/dist/types/tiptap/extensions/HrKit.d.ts

@@ -0,0 +1,11 @@
+export type HrStyle = "thin" | "thick" | "dashed" | "short" | "dots" | "diamond" | "circle";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        hr: {
+            setHr: (attrs?: {
+                style?: HrStyle;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const Hr: import('@tiptap/core').Node<import('@tiptap/extension-horizontal-rule').HorizontalRuleOptions, any>;

package/dist/types/tiptap/extensions/ImageKit.d.ts

@@ -0,0 +1 @@
+export declare const ImageKit: import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any>;

package/dist/types/tiptap/extensions/Paragraph.d.ts

@@ -0,0 +1,2 @@
+export type ParagraphSize = "small" | "normal" | "large";
+export declare const Paragraph: import('@tiptap/core').Node<import('@tiptap/extension-paragraph').ParagraphOptions, any>;

package/dist/types/tiptap/extensions/index.d.ts

@@ -0,0 +1,8 @@
+export * from './BasicKit';
+export * from './BlockquoteKit';
+export * from './FigcaptionKit';
+export * from './FigureKit';
+export * from './FileAttachment';
+export * from './HrKit';
+export * from './Paragraph';
+export * from './table';

package/dist/types/tiptap/extensions/table/index.d.ts

@@ -0,0 +1 @@
+export * from './table-kit';

package/dist/types/tiptap/extensions/table/table-grip-menu.d.ts

@@ -0,0 +1,13 @@
+import { EditorView } from '@tiptap/pm/view';
+import { HoveredTableCell } from './table-row-column-utils';
+export interface TableGripMenuHandle {
+    open: () => void;
+}
+export interface TableGripMenuProps {
+    view: EditorView;
+    target: "row" | "column";
+    getHovered: () => HoveredTableCell | null;
+    onOpenChange?: (open: boolean) => void;
+    onGripMouseDown?: (event: React.MouseEvent) => void;
+}
+export declare const TableGripMenu: import('react').ForwardRefExoticComponent<TableGripMenuProps & import('react').RefAttributes<TableGripMenuHandle>>;

package/dist/types/tiptap/extensions/table/table-kit.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/core';
+export declare const ExtendedTableCell: import('@tiptap/core').Node<import('@tiptap/extension-table').TableCellOptions, any>;
+export declare const TableKit: Extension<any, any>;

package/dist/types/tiptap/extensions/table/table-row-column-utils.d.ts

@@ -0,0 +1,16 @@
+import { TableMap } from '@tiptap/pm/tables';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { EditorView } from '@tiptap/pm/view';
+export interface HoveredTableCell {
+    map: TableMap;
+    tableStart: number;
+    row: number;
+    col: number;
+}
+export declare function findHoveredCell(view: EditorView, clientX: number, clientY: number): HoveredTableCell | null;
+export declare function selectTableRow(view: EditorView, { map, tableStart }: HoveredTableCell, row: number): void;
+export declare function selectTableColumn(view: EditorView, { map, tableStart }: HoveredTableCell, col: number): void;
+export declare function moveRow(view: EditorView, { tableStart }: HoveredTableCell, from: number, to: number): void;
+export declare function moveColumn(view: EditorView, { tableStart }: HoveredTableCell, from: number, to: number): void;
+export declare function addTableRow(view: EditorView, table: ProseMirrorNode, contentDOM: HTMLElement): void;
+export declare function addTableColumn(view: EditorView, table: ProseMirrorNode, contentDOM: HTMLElement): void;

package/dist/types/tiptap/extensions/table/table-view.d.ts

@@ -0,0 +1,52 @@
+import { RefObject } from 'react';
+import { Root } from 'react-dom/client';
+import { TableView } from '@tiptap/pm/tables';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { EditorView, ViewMutationRecord } from '@tiptap/pm/view';
+import { TableGripMenuHandle } from './table-grip-menu';
+import { HoveredTableCell } from './table-row-column-utils';
+interface DragState {
+    target: "row" | "column";
+    startIndex: number;
+    targetIndex: number;
+    startX: number;
+    startY: number;
+    hasMoved: boolean;
+    hovered: HoveredTableCell;
+}
+export declare class GripTableView extends TableView {
+    view: EditorView;
+    controls: HTMLDivElement;
+    rowHandle: HTMLDivElement;
+    columnHandle: HTMLDivElement;
+    addRowButton: HTMLButtonElement;
+    addColumnButton: HTMLButtonElement;
+    dropIndicator: HTMLDivElement;
+    rowHandleRoot: Root;
+    columnHandleRoot: Root;
+    rowMenuRef: RefObject<TableGripMenuHandle | null>;
+    columnMenuRef: RefObject<TableGripMenuHandle | null>;
+    hovered: HoveredTableCell | null;
+    rowMenuOpen: boolean;
+    columnMenuOpen: boolean;
+    dragState: DragState | null;
+    constructor(node: ProseMirrorNode, cellMinWidth: number, view: EditorView);
+    private handleMouseOver;
+    private handleMouseLeave;
+    private handleRowMenuOpenChange;
+    private handleColumnMenuOpenChange;
+    private handleAddRow;
+    private handleAddColumn;
+    private startDrag;
+    private handleDragMove;
+    private handleDragEnd;
+    private findClosestRowIndex;
+    private findClosestColumnIndex;
+    private getColumnBoundaries;
+    private updateDropIndicator;
+    private positionHandles;
+    private cellIndexAtColumn;
+    ignoreMutation(record: ViewMutationRecord): boolean;
+    destroy(): void;
+}
+export {};

package/dist/types/tiptap/hooks/useFileHandler.d.ts

@@ -0,0 +1,32 @@
+import { useEditor } from '@tiptap/react';
+export interface UseFileHandlerAttributes {
+    /**
+     * 제공 시: 파일을 CDN에 업로드하고 URL을 반환.
+     * 미제공 시: FileReader로 base64 변환 후 브라우저 메모리에 임시 저장.
+     */
+    uploadFile?: (file: File) => Promise<string>;
+    /**
+     * 파일이 업로드될 때 호출되는 콜백.
+     */
+    onUploadStart?: (file: File) => void;
+    /**
+     * 파일 업로드가 성공했을 때 호출되는 콜백.
+     */
+    onUploadSuccess?: (file: File) => void;
+    /**
+     * 파일 업로드가 실패했을 때 호출되는 콜백.
+     */
+    onUploadError?: (error: Error, file?: File) => void;
+    /**
+     * true 시 이미지 외 파일(PDF, Word 등)도 허용.
+     * FileAttachmentComponent가 함께 제공되어야 에디터에 렌더링됨.
+     */
+    allowNonImageFile?: boolean;
+}
+export declare const useFileHandler: ({ uploadFile, onUploadStart, onUploadSuccess, onUploadError, allowNonImageFile, }: UseFileHandlerAttributes) => {
+    handleDrop: (editor: import('@tiptap/core').Editor, files: File[], pos: number) => void;
+    handlePaste: (editor: import('@tiptap/core').Editor, files: File[], pasteContent?: string) => void;
+    allowedMimeTypes: string[] | undefined;
+    resolveFileUrl: (file: File) => Promise<string | null>;
+    insertFile: (currentEditor: ReturnType<typeof useEditor>, file: File, url: string, pos: number) => void;
+};

package/dist/types/tiptap/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { FileAttachmentAttributes } from './extensions/file-attachment';
+import { FileAttachmentAttributes } from './extensions';
 export interface TiptapProps {
     /**
      * 에디터의 초기 HTML 콘텐츠.
@@ -24,13 +24,17 @@ export interface TiptapProps {
      */
     uploadFile?: (file: File) => Promise<string>;
     /**
-     * 파일이 에디터에 삽입될 때 호출되는 콜백.
+     * 파일이 업로드될 때 호출되는 콜백.
      */
-    onFileInsert?: (file: File) => void;
+    onUploadStart?: (file: File) => void;
     /**
-     * 파일 업로드 오류 시 호출되는 콜백.
+     * 파일이 업로드될 때 호출되는 콜백.
      */
-    onFileError?: (error: Error) => void;
+    onUploadSuccess?: (file: File) => void;
+    /**
+     * 파일이 업로드 오류 시 호출되는 콜백.
+     */
+    onUploadError?: (error: Error) => void;
     /**
      * true 시 이미지 외 파일(PDF, Word 등)도 허용.
      * FileAttachmentComponent가 함께 제공되어야 에디터에 렌더링됨.
@@ -42,5 +46,5 @@ export interface TiptapProps {
      */
     FileAttachmentComponent?: ComponentType<FileAttachmentAttributes>;
 }
-declare const TiptapEditor: ({ defaultValue, onChange, minHeight, maxHeight, uploadFile, onFileInsert, onFileError, allowNonImageFile, FileAttachmentComponent, }: TiptapProps) => import("react/jsx-runtime").JSX.Element;
+declare const TiptapEditor: ({ defaultValue, onChange, minHeight, maxHeight, uploadFile, onUploadStart, onUploadSuccess, onUploadError, allowNonImageFile, FileAttachmentComponent, }: TiptapProps) => import("react").JSX.Element;
 export default TiptapEditor;

package/dist/types/tiptap/menubar.d.ts

@@ -1,4 +1,5 @@
 import { Editor } from '@tiptap/react';
-export default function menubar({ editor }: {
+export type MenubarMode = "basic" | "expert";
+export default function Menubar({ editor }: {
     editor: Editor;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@junbyeol/tiptap-editor",
-  "version": "0.1.5",
+  "version": "1.0.13",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -21,46 +21,60 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:lib": "vite build --config vite.lib.config.ts",
-    "prepublishOnly": "yarn build:lib",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "prettier": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md,scss}\"",
-    "lint-staged": "lint-staged",
-    "prepare": "husky"
-  },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "@tiptap/core": "^3.26.0",
+    "@tiptap/pm": "^3.26.0",
+    "@tiptap/react": "^3.26.0"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-popover": "^1.1.15",
     "@remixicon/react": "^4.9.0",
-    "@tiptap/extension-file-handler": "^3.22.2",
-    "@tiptap/extension-image": "^3.22.2",
-    "@tiptap/extension-list": "^3.20.1",
-    "@tiptap/extension-subscript": "^3.20.1",
-    "@tiptap/extension-superscript": "^3.20.1",
-    "@tiptap/extension-table": "^3.20.1",
-    "@tiptap/extension-text-align": "^3.20.1",
-    "@tiptap/extension-text-style": "^3.20.1",
-    "@tiptap/extension-underline": "^3.20.1",
-    "@tiptap/pm": "^3.20.1",
-    "@tiptap/react": "^3.20.1",
-    "@tiptap/starter-kit": "^3.20.1",
+    "@tiptap/extension-blockquote": "^3.26.0",
+    "@tiptap/extension-bold": "^3.26.0",
+    "@tiptap/extension-bubble-menu": "^3.26.0",
+    "@tiptap/extension-code": "^3.26.0",
+    "@tiptap/extension-code-block-lowlight": "^3.26.0",
+    "@tiptap/extension-details": "^3.26.0",
+    "@tiptap/extension-document": "^3.26.0",
+    "@tiptap/extension-dropcursor": "^3.26.0",
+    "@tiptap/extension-file-handler": "^3.26.0",
+    "@tiptap/extension-gapcursor": "^3.26.0",
+    "@tiptap/extension-heading": "^3.26.0",
+    "@tiptap/extension-highlight": "^3.26.0",
+    "@tiptap/extension-horizontal-rule": "^3.26.0",
+    "@tiptap/extension-image": "^3.26.0",
+    "@tiptap/extension-italic": "^3.26.0",
+    "@tiptap/extension-link": "^3.26.0",
+    "@tiptap/extension-list": "^3.26.0",
+    "@tiptap/extension-paragraph": "^3.26.0",
+    "@tiptap/extension-strike": "^3.26.0",
+    "@tiptap/extension-subscript": "^3.26.0",
+    "@tiptap/extension-superscript": "^3.26.0",
+    "@tiptap/extension-table": "^3.26.0",
+    "@tiptap/extension-text": "^3.26.0",
+    "@tiptap/extension-text-align": "^3.26.0",
+    "@tiptap/extension-text-style": "^3.26.0",
+    "@tiptap/extension-typography": "^3.26.0",
+    "@tiptap/extension-underline": "^3.26.0",
+    "@tiptap/extension-youtube": "^3.26.0",
+    "@tiptap/extensions": "^3.26.0",
+    "@tiptap/starter-kit": "^3.26.0",
+    "clsx": "^2.1.1",
+    "lowlight": "^3.3.0",
     "react-hotkeys-hook": "^5.2.4"
   },
   "devDependencies": {
+    "@base-ui/react": "^1.5.0",
     "@eslint/js": "^9.39.1",
     "@types/node": "^25.3.5",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.2.2",
+    "class-variance-authority": "^0.7.1",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -83,5 +97,14 @@
       "prettier --write",
       "eslint --no-warn-ignored --max-warnings=0"
     ]
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "vite build --config vite.lib.config.ts",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prettier": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md,scss}\"",
+    "lint-staged": "lint-staged"
   }
-}
+}

package/dist/types/tiptap/extensions/default-file-attachment.d.ts

@@ -1,2 +0,0 @@
-import { FileAttachmentAttributes } from './file-attachment';
-export declare const DefaultFileAttachmentComponent: ({ name, url, }: FileAttachmentAttributes) => import("react/jsx-runtime").JSX.Element;