tiptop-editor 1.0.4 → 1.0.5

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/ColorButton.d.ts

@@ -0,0 +1,11 @@
+import { Editor } from '@tiptap/react';
+declare const ColorButton: ({ editor, buttonType, hsl, color, bgColor, tooltipText, tooltipDisabled }: {
+    editor: Editor;
+    buttonType: string;
+    hsl: string;
+    color: string;
+    bgColor: string;
+    tooltipText?: string;
+    tooltipDisabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ColorButton;

package/dist/components/ColorButtonMenu.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+declare const ColorButtonMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ColorButtonMenu;

package/dist/components/ColorIcon.d.ts

@@ -0,0 +1,6 @@
+declare const ColorIcon: ({ color, bgColor, buttonType }: {
+    buttonType: string;
+    color?: string;
+    bgColor?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ColorIcon;

package/dist/components/DragHandleColorList.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+declare const DragHandleColorList: ({ editor, onCloseMenu }: {
+    editor: Editor;
+    onCloseMenu: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DragHandleColorList;

package/dist/components/EditorButton.d.ts

@@ -0,0 +1,3 @@
+import { EditorButtonProps } from '../types';
+declare const EditorButton: (props: EditorButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default EditorButton;

package/dist/components/Icon.d.ts

@@ -0,0 +1,8 @@
+import { icons } from 'lucide-react';
+export type IconProps = {
+    name: keyof typeof icons;
+    className?: string;
+    strokeWidth?: number;
+};
+export declare const Icon: import('react').MemoExoticComponent<({ name, className, strokeWidth }: IconProps) => import("react/jsx-runtime").JSX.Element | null>;
+export default Icon;

package/dist/components/LinkButtonMenu.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+declare const LinkButtonMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LinkButtonMenu;

package/dist/components/MoreOptionsButtonMenu.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+declare const MoreOptionsButtonMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MoreOptionsButtonMenu;

package/dist/components/TextSelectionMenu.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/react';
+declare const TextSelectionMenu: ({ editor, prepend, append }: {
+    editor: Editor;
+    prepend?: React.ReactNode;
+    append?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | undefined;
+export default TextSelectionMenu;

package/dist/components/TiptopDragHandle.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+declare const TiptopDragHandle: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TiptopDragHandle;

package/dist/components/TiptopEditor.d.ts

@@ -0,0 +1,7 @@
+import { useEditorState } from '@tiptap/react';
+import { TiptopEditorProps } from '../types';
+export interface TiptopEditorHandle {
+    getEditor: () => ReturnType<typeof useEditorState> | null;
+}
+declare const TiptopEditor: import('react').ForwardRefExoticComponent<Omit<TiptopEditorProps, "ref"> & import('react').RefAttributes<TiptopEditorHandle>>;
+export default TiptopEditor;

package/dist/components/TransformIntoButtonMenu.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+declare const TransformIntoButtonMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TransformIntoButtonMenu;

package/dist/components/TransformIntoIcon.d.ts

@@ -0,0 +1,2 @@
+declare const TransformIntoIcon: () => import("react/jsx-runtime").JSX.Element;
+export default TransformIntoIcon;

package/dist/constants.d.ts

@@ -0,0 +1,26 @@
+import { Editor, Range } from '@tiptap/react';
+export declare const colorSections: {
+    key: string;
+    buttonType: string;
+    title: string;
+    colors: {
+        hsl: string;
+        color: string;
+        bgColor: string;
+        tooltipText: string;
+    }[];
+}[];
+export declare const commandGroups: {
+    key: string;
+    title: string;
+    commands: {
+        key: string;
+        title: string;
+        icon: string;
+        description: string;
+        command: ({ editor, range }: {
+            editor: Editor;
+            range: Range;
+        }) => void;
+    }[];
+}[];

package/dist/extensions/CodeBlock.d.ts

@@ -0,0 +1 @@
+export declare const CodeBlock: import('@tiptap/core').Node<import('@tiptap/extension-code-block-lowlight').CodeBlockLowlightOptions, any>;

package/dist/extensions/HorizontalRule.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/extensions/slashCommand/SlashCommand.d.ts

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

package/dist/extensions/slashCommand/SlashCommandList.d.ts

@@ -0,0 +1,11 @@
+import { SlashCommandGroupProps, SlashCommandGroupCommandsProps } from '../../types';
+export interface SlashCommandListRef {
+    onKeyDown: (props: {
+        event: KeyboardEvent;
+    }) => boolean;
+}
+declare const SlashCommandList: import('react').ForwardRefExoticComponent<{
+    items: SlashCommandGroupProps[];
+    command: (item: SlashCommandGroupCommandsProps) => void;
+} & import('react').RefAttributes<SlashCommandListRef>>;
+export default SlashCommandList;

package/dist/extensions/slashCommand/SlashCommandSuggestion.d.ts

@@ -0,0 +1,29 @@
+import { Editor } from '@tiptap/react';
+import { PluginKey } from '@tiptap/pm/state';
+import { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion';
+declare const _default: {
+    pluginKey: PluginKey<any>;
+    items: ({ query }: {
+        query: string;
+    }) => {
+        commands: {
+            key: string;
+            title: string;
+            icon: string;
+            description: string;
+            command: ({ editor, range }: {
+                editor: Editor;
+                range: import('@tiptap/core').Range;
+            }) => void;
+        }[];
+        key: string;
+        title: string;
+    }[];
+    render: () => {
+        onStart: (props: SuggestionProps) => void;
+        onUpdate(props: SuggestionProps): void;
+        onKeyDown(props: SuggestionKeyDownProps): boolean | undefined;
+        onExit(): void;
+    };
+};
+export default _default;

package/dist/helpers.d.ts

@@ -0,0 +1,14 @@
+import { Editor } from '@tiptap/core';
+import { SlashCommandGroupCommandsProps } from './types';
+export declare const isTextSelected: (editor: Editor) => boolean;
+export declare const hasTextNodeInSelection: (editor: Editor) => boolean;
+export declare const isForbiddenNodeSelected: (editor: Editor) => boolean;
+export declare const canShowColorTransform: (editor: Editor) => string | false | undefined;
+export declare const canShowNodeTransform: (editor: Editor) => boolean | undefined;
+export declare const hasAtLeastOneMark: (editor: Editor) => boolean | undefined;
+export declare const nodeHasTextContent: (editor: Editor) => boolean | undefined;
+export declare const duplicateNode: (editor: Editor) => void;
+export declare const copyNodeTextContent: (editor: Editor) => void;
+export declare const deleteNode: (editor: Editor) => void;
+export declare const removeAllFormatting: (editor: Editor) => void;
+export declare const transformNodeToAlternative: (editor: Editor, targetOption: SlashCommandGroupCommandsProps) => void;

package/dist/hero.d.ts

@@ -0,0 +1,2 @@
+declare const _default: unknown;
+export default _default;

package/dist/index.d.ts

@@ -1 +1,2 @@
-export {}
+export { default as TiptopEditor } from './components/TiptopEditor';
+export * from './types';

package/dist/types.d.ts

@@ -0,0 +1,34 @@
+import { Editor, EditorContentProps, EditorOptions, Range } from '@tiptap/react';
+import { icons } from 'lucide-react';
+export type EditorButtonProps = {
+    tooltipText?: React.ReactNode;
+    isIconOnly?: boolean;
+    isDisabled?: boolean;
+    withActive?: boolean;
+    buttonKey: string | object;
+    text?: string;
+    editor: Editor;
+    iconClass?: string;
+    icon?: keyof typeof icons;
+    variant?: "flat" | "shadow" | "solid" | "bordered" | "light" | "faded" | "ghost";
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    onPressed?: () => void;
+};
+export type SlashCommandGroupCommandsProps = {
+    key: string;
+    title: string;
+    icon: string;
+    description?: string;
+    command: ({ editor, range }: {
+        editor: Editor;
+        range: Range;
+    }) => void;
+};
+export type SlashCommandGroupProps = {
+    key: string;
+    title: string;
+    commands: SlashCommandGroupCommandsProps[];
+};
+export type TiptopEditorProps = Omit<EditorContentProps, 'editor'> & {
+    editorOptions?: Partial<EditorOptions>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptop-editor",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Notion-like editor built with Tiptap v3 and HeroUI",
   "type": "module",
   "main": "./dist/tiptop-editor.umd.js",
@@ -41,7 +41,6 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.3",
     "@heroui/react": "^2.8.2",
-    "@tailwindcss/vite": "^4.1.11",
     "@tiptap/extension-bubble-menu": "^3.0.9",
     "@tiptap/extension-code-block-lowlight": "^3.0.9",
     "@tiptap/extension-drag-handle": "^3.0.9",
@@ -60,8 +59,7 @@
     "@tiptap/suggestion": "^3.0.9",
     "framer-motion": "^12.23.12",
     "lowlight": "^3.3.0",
-    "lucide-react": "^0.536.0",
-    "tailwindcss": "^4.1.11"
+    "lucide-react": "^0.536.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",
@@ -74,6 +72,8 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
     "typescript": "~5.8.3",
+    "tailwindcss": "^4.1.11",
+    "@tailwindcss/vite": "^4.1.11",
     "typescript-eslint": "^8.35.1",
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4"