@markput/react 0.3.0 → 0.5.0

package/README.md

@@ -1,6 +1,8 @@
 # [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)
+[![npm version](https://img.shields.io/npm/v/@markput/react.svg?style=flat&label=react)](https://www.npmjs.com/package/@markput/react) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/react?label=react+gzip)](https://bundlephobia.com/package/@markput/react) [![React Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://markput-react.vercel.app)
+
+[![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/vue?label=vue+gzip)](https://bundlephobia.com/package/@markput/vue) [![Vue Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://markput-vue.vercel.app)
 
 <img width="521" alt="image" src="https://user-images.githubusercontent.com/37639183/182974441-49e4b247-449a-47ba-a090-2cb3aab7ce44.png">
 
@@ -11,7 +13,8 @@ Currently supported packages:
 - `@markput/react`
 - `@markput/vue`
 
-**[Documentation](https://markput.vercel.app)** **[Storybook](https://marked-input.vercel.app)**
+**[Documentation](https://markput.vercel.app)**
+**[React Storybook](https://markput-react.vercel.app)** | **[Vue Storybook](https://markput-vue.vercel.app)**
 
 ## Feature
 

package/index.d.ts

@@ -3,11 +3,13 @@ import { Block } from '@markput/core';
 import type { ComponentType } from 'react';
 import type { CoreOption } from '@markput/core';
 import type { CSSProperties } from 'react';
+import type { DataAttributes } from '@markput/core';
 import { denote } from '@markput/core';
 import type { ElementType } from 'react';
 import type { HTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { MarkHandler } from '@markput/core';
+import type { MarkOptions } from '@markput/core';
 import { MarkputHandler } from '@markput/core';
 import { MarkToken } from '@markput/core';
 import { Markup } from '@markput/core';
@@ -25,11 +27,6 @@ export { annotate }
 
 export { Block }
 
-/**
- * Data attributes with automatic camelCase to kebab-case conversion
- */
-declare type DataAttributes = Record<`data${Capitalize<string>}`, string | number | boolean | undefined>;
-
 export { denote }
 
 export declare function MarkedInput<TMarkProps = MarkProps, TOverlayProps = OverlayProps>(props: MarkedInputProps<TMarkProps, TOverlayProps>): JSX.Element;
@@ -97,10 +94,6 @@ export declare interface MarkedInputProps<TMarkProps = MarkProps, TOverlayProps
 
 export { MarkHandler }
 
-declare interface MarkOptions {
-    controlled?: boolean;
-}
-
 /**
  * Props passed to Mark components.
  */
@@ -176,13 +169,8 @@ export declare interface OverlayProps {
 
 export { reorderBlocks }
 
-/**
- * Props for each slot component
- */
 declare interface SlotProps {
-    /** Props to pass to the container slot */
     container?: HTMLAttributes<HTMLDivElement> & DataAttributes;
-    /** Props to pass to the span slot */
     span?: HTMLAttributes<HTMLSpanElement> & DataAttributes;
 }