@markput/react 0.6.0 → 0.7.0

package/index.d.ts

@@ -49,13 +49,15 @@ export declare function MarkedInput<TMarkProps = MarkProps, TOverlayProps = Over
 export declare interface MarkedInputProps<TMarkProps = MarkProps, TOverlayProps = OverlayProps> {
     /** Ref to handler */
     ref?: Ref<MarkputHandler>;
-    /** Global component used for rendering markups (fallback for option.mark.slot) */
+    /** Global component used for rendering text tokens (default: built-in Span) */
+    Span?: ComponentType<MarkProps>;
+    /** Global component used for rendering markups (fallback for option.Mark) */
     Mark?: ComponentType<TMarkProps>;
-    /** Global component used for rendering overlays (fallback for option.overlay.slot) */
+    /** Global component used for rendering overlays (fallback for option.Overlay) */
     Overlay?: ComponentType<TOverlayProps>;
     /**
      * Configuration options for markups and overlays.
-     * Each option can specify its own slot component via mark.slot or overlay.slot.
+     * Each option can specify its own component via option.Mark or option.Overlay.
      * Falls back to global Mark/Overlay components when not specified.
      */
     options?: Option_2<TMarkProps, TOverlayProps>[];
@@ -101,14 +103,10 @@ export { MarkHandler }
  * Props passed to Mark components.
  */
 export declare interface MarkProps {
-    /** Custom component to render this mark */
-    slot?: ComponentType<MarkProps>;
     /** Main content value of the mark */
     value?: string;
     /** Additional metadata for the mark */
     meta?: string;
-    /** Nested content as string (raw, unparsed) */
-    nested?: string;
     /** Rendered children content (ReactNode) for nested marks */
     children?: ReactNode;
 }
@@ -132,11 +130,15 @@ export { Markup }
  * }
  */
 declare interface Option_2<TMarkProps = MarkProps, TOverlayProps = OverlayProps> extends CoreOption {
+    /** Per-option component for rendering this mark */
+    Mark?: ComponentType<TMarkProps>;
     /**
      * Props for the mark component.
      * Can be a static object or a function that transforms MarkProps.
      */
     mark?: TMarkProps | ((props: MarkProps) => TMarkProps);
+    /** Per-option component for rendering this overlay */
+    Overlay?: ComponentType<TOverlayProps>;
     /**
      * Props for the overlay component.
      */
@@ -162,8 +164,6 @@ export declare interface OverlayHandler {
  * Props for Overlay components.
  */
 export declare interface OverlayProps {
-    /** Custom component to render this overlay */
-    slot?: ComponentType<OverlayProps>;
     /** Trigger character(s) that activate the overlay */
     trigger?: string;
     /** Data array for suggestions/autocomplete */
@@ -172,7 +172,6 @@ export declare interface OverlayProps {
 
 declare interface SlotProps {
     container?: HTMLAttributes<HTMLDivElement> & DataAttributes;
-    span?: HTMLAttributes<HTMLSpanElement> & DataAttributes;
 }
 
 /**
@@ -181,10 +180,10 @@ declare interface SlotProps {
 declare interface Slots {
     /** Root container component */
     container?: ElementType<HTMLAttributes<HTMLDivElement>>;
-    /** Text span component for rendering text tokens */
-    span?: ElementType<HTMLAttributes<HTMLSpanElement>>;
 }
 
+export declare const Span: (_props: MarkProps) => JSX.Element;
+
 export { TextToken }
 
 export { Token }