@markput/react 0.2.0 → 0.3.0

package/README.md

@@ -1,4 +1,6 @@
-# [Marked Input](https://marked-input.vercel.app) · [![npm version](https://img.shields.io/npm/v/@markput/react.svg?style=flat)](https://www.npmjs.com/package/@markput/react) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/react)](https://bundlephobia.com/package/@markput/react) [![Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://marked-input.vercel.app)
+# [Marked Input](https://marked-input.vercel.app)
+
+[![npm version](https://img.shields.io/npm/v/@markput/react.svg?style=flat&label=react)](https://www.npmjs.com/package/@markput/react) [![npm version](https://img.shields.io/npm/v/@markput/vue.svg?style=flat&label=vue)](https://www.npmjs.com/package/@markput/vue) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/react?label=react+gzip)](https://bundlephobia.com/package/@markput/react) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/vue?label=vue+gzip)](https://bundlephobia.com/package/@markput/vue) [![Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://marked-input.vercel.app)
 
 <img width="521" alt="image" src="https://user-images.githubusercontent.com/37639183/182974441-49e4b247-449a-47ba-a090-2cb3aab7ce44.png">
 

package/index.d.ts

@@ -1,4 +1,5 @@
 import { annotate } from '@markput/core';
+import { Block } from '@markput/core';
 import type { ComponentType } from 'react';
 import type { CoreOption } from '@markput/core';
 import type { CSSProperties } from 'react';
@@ -15,11 +16,15 @@ import type { OverlayTrigger } from '@markput/core';
 import type { ReactNode } from 'react';
 import type { Ref } from 'react';
 import type { RefObject } from 'react';
+import { reorderBlocks } from '@markput/core';
+import { splitTokensIntoBlocks } from '@markput/core';
 import { TextToken } from '@markput/core';
 import { Token } from '@markput/core';
 
 export { annotate }
 
+export { Block }
+
 /**
  * Data attributes with automatic camelCase to kebab-case conversion
  */
@@ -86,6 +91,8 @@ export declare interface MarkedInputProps<TMarkProps = MarkProps, TOverlayProps
     onChange?: (value: string) => void;
     /** Read-only mode */
     readOnly?: boolean;
+    /** Enable Notion-like draggable blocks with drag handles for reordering */
+    block?: boolean;
 }
 
 export { MarkHandler }
@@ -167,6 +174,8 @@ export declare interface OverlayProps {
     data?: string[];
 }
 
+export { reorderBlocks }
+
 /**
  * Props for each slot component
  */
@@ -187,6 +196,8 @@ declare interface Slots {
     span?: ElementType<HTMLAttributes<HTMLSpanElement>>;
 }
 
+export { splitTokensIntoBlocks }
+
 export { TextToken }
 
 export { Token }