@markput/react 0.10.1 → 0.11.0

package/index.d.ts

@@ -10758,7 +10758,7 @@ declare function denote(value: string, callback: (mark: MarkToken) => string, ma
 //#region ../../core/src/features/arrownav/ArrowNavFeature.d.ts
 declare class ArrowNavFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10767,7 +10767,7 @@ declare class ArrowNavFeature {
 //#region ../../core/src/features/block-editing/BlockEditFeature.d.ts
 declare class BlockEditFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10808,7 +10808,7 @@ declare class BlockRegistry {
 //#region ../../core/src/features/clipboard/CopyFeature.d.ts
 declare class CopyFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10817,7 +10817,7 @@ declare class CopyFeature {
 //#region ../../core/src/features/drag/DragFeature.d.ts
 declare class DragFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10826,7 +10826,7 @@ declare class DragFeature {
 //#region ../../core/src/features/editable/ContentEditableFeature.d.ts
 declare class ContentEditableFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10836,7 +10836,7 @@ declare class ContentEditableFeature {
 //#region ../../core/src/features/events/SystemListenerFeature.d.ts
 declare class SystemListenerFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10845,7 +10845,7 @@ declare class SystemListenerFeature {
 //#region ../../core/src/features/focus/FocusFeature.d.ts
 declare class FocusFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10853,7 +10853,7 @@ declare class FocusFeature {
 //#endregion
 //#region ../../core/src/shared/classes/MarkputHandler.d.ts
 declare class MarkputHandler {
-  private store;
+  private readonly store;
   constructor(store: Store);
   get container(): HTMLDivElement | null;
   get overlay(): HTMLElement | null;
@@ -10876,8 +10876,8 @@ declare class NodeProxy {
   get isSpan(): boolean;
   get isMark(): boolean;
   get isEditable(): boolean;
-  get isCaretAtBeginning(): boolean | undefined;
-  get isCaretAtEnd(): boolean | undefined;
+  get isCaretAtBeginning(): boolean;
+  get isCaretAtEnd(): boolean;
   get index(): number;
   get caret(): number;
   set caret(value: number);
@@ -10897,30 +10897,20 @@ declare class NodeProxy {
 interface Signal<T> {
   (): T;
   (value: T | undefined): void;
-  use(): T;
 }
-/**
- * Derives a plain-value object type from an object of signals.
- * `{ foo: Signal<string>, bar: Signal<number> }` → `{ foo: string, bar: number }`
- */
-type SignalValues<T> = { [K in keyof T]: T[K] extends Signal<infer V> | Computed<infer V> ? V : never };
+type SignalValues<T> = { [K in keyof T]: T[K] extends Signal<infer V> | Computed<infer V> ? V : T[K] };
 interface Computed<T> {
   (): T;
-  use(): T;
 }
 interface Event<T = void> {
-  /** Emit — always fires even when payload reference is unchanged. */
   (payload: T): void;
-  /** Read/subscribe — auto-tracks inside effects. Returns latest payload or undefined. */
   read(): T | undefined;
-  /** Framework hook bridge. */
-  use(): T | undefined;
 }
 //#endregion
 //#region ../../core/src/features/input/InputFeature.d.ts
 declare class InputFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10929,7 +10919,7 @@ declare class InputFeature {
 //#region ../../core/src/features/overlay/OverlayFeature.d.ts
 declare class OverlayFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
@@ -10938,23 +10928,30 @@ declare class OverlayFeature {
 //#region ../../core/src/features/parsing/ParseFeature.d.ts
 declare class ParseFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
   sync(): void;
-  hasChanged(): boolean;
 }
 //#endregion
 //#region ../../core/src/features/selection/TextSelectionFeature.d.ts
 declare class TextSelectionFeature {
   #private;
-  private store;
+  private readonly store;
   constructor(store: Store);
   enable(): void;
   disable(): void;
 }
 //#endregion
+//#region ../../core/src/features/slots/types.d.ts
+interface MarkSlot {
+  (): (token: Token) => readonly [unknown, unknown];
+}
+interface OverlaySlot {
+  (): (option?: CoreOption, defaultComponent?: unknown) => readonly [unknown, unknown];
+}
+//#endregion
 //#region ../../core/src/store/Store.d.ts
 declare class Store {
   readonly key: KeyGenerator;
@@ -10963,23 +10960,15 @@ declare class Store {
     focus: NodeProxy;
     input: NodeProxy;
   };
-  readonly state: {
-    tokens: Signal<Token[]>;
+  readonly props: {
     value: Signal<string | undefined>;
     defaultValue: Signal<string | undefined>;
-    previousValue: Signal<string | undefined>;
-    innerValue: Signal<string | undefined>;
-    recovery: Signal<Recovery | undefined>;
-    selecting: Signal<"drag" | "all" | undefined>;
-    drag: Signal<boolean | {
-      alwaysShowHandle: boolean;
-    }>;
-    overlayMatch: Signal<OverlayMatch | undefined>;
-    overlayTrigger: Signal<((option: CoreOption) => string | undefined) | undefined>;
-    showOverlayOn: Signal<OverlayTrigger>;
     onChange: Signal<((value: string) => void) | undefined>;
     options: Signal<CoreOption[]>;
     readOnly: Signal<boolean>;
+    layout: Signal<"inline" | "block">;
+    draggable: Signal<boolean | DraggableConfig>;
+    showOverlayOn: Signal<OverlayTrigger>;
     Span: Signal<unknown>;
     Mark: Signal<unknown>;
     Overlay: Signal<unknown>;
@@ -10988,16 +10977,30 @@ declare class Store {
     slots: Signal<CoreSlots | undefined>;
     slotProps: Signal<CoreSlotProps | undefined>;
   };
+  readonly state: {
+    tokens: Signal<Token[]>;
+    previousValue: Signal<string | undefined>;
+    innerValue: Signal<string | undefined>;
+    recovery: Signal<Recovery | undefined>;
+    selecting: Signal<"drag" | "all" | undefined>;
+    overlayMatch: Signal<OverlayMatch | undefined>;
+  };
   readonly computed: {
     hasMark: Computed<boolean>;
+    isBlock: Computed<boolean>;
+    isDraggable: Computed<boolean>;
     parser: Computed<Parser | undefined>;
-    containerClass: Computed<string | undefined>;
-    containerStyle: Computed<unknown>;
-  };
-  readonly slot: {
-    container: Slot;
-    block: Slot;
-    span: Slot;
+    currentValue: Computed<string>;
+    containerComponent: Computed<unknown>;
+    containerProps: Computed<{
+      className: string | undefined;
+      style?: CSSProperties$1;
+      [key: string]: unknown;
+    }>;
+    blockComponent: Computed<unknown>;
+    blockProps: Computed<Record<string, unknown> | undefined>;
+    spanComponent: Computed<unknown>;
+    spanProps: Computed<Record<string, unknown> | undefined>;
     overlay: OverlaySlot;
     mark: MarkSlot;
   };
@@ -11040,7 +11043,8 @@ declare class Store {
     parse: ParseFeature;
   };
   constructor();
-  setState(values: Partial<SignalValues<typeof this.state>>): void;
+  setProps(values: Partial<SignalValues<typeof this.props>>): void;
+  bumpTokens(): void;
 }
 //#endregion
 //#region ../../core/src/shared/types.d.ts
@@ -11134,6 +11138,9 @@ interface CoreSlotProps {
     style?: CSSProperties$1;
   };
 }
+interface DraggableConfig {
+  alwaysShowHandle?: boolean;
+}
 type DragAction = {
   type: 'reorder';
   source: number;
@@ -11154,20 +11161,6 @@ interface DragActions {
   };
 }
 //#endregion
-//#region ../../core/src/features/slots/types.d.ts
-interface Slot {
-  use(): readonly unknown[];
-  get(): readonly unknown[];
-}
-interface MarkSlot {
-  use(token: Token): readonly unknown[];
-  get(token: Token): readonly unknown[];
-}
-interface OverlaySlot {
-  use(option?: CoreOption, defaultComponent?: unknown): readonly unknown[];
-  get(option?: CoreOption, defaultComponent?: unknown): readonly unknown[];
-}
-//#endregion
 //#region ../../core/src/features/mark/MarkHandler.d.ts
 interface RefAccessor<T> {
   current: T | null;
@@ -11325,13 +11318,14 @@ interface MarkedInputProps<TMarkProps = MarkProps, TOverlayProps extends CoreOpt
   onChange?: (value: string) => void;
   /** Read-only mode */
   readOnly?: boolean;
-  /** Enable drag mode: each individual token (mark or text) becomes its own draggable row.
-   * One mark per row, one text fragment per row.
-   * Adjacent marks need no separator; adjacent text rows are separated by `\n\n`.
+  /** Layout mode: 'inline' renders tokens in a single flow, 'block' stacks each token as its own row.
+   * @default 'inline'
    */
-  drag?: boolean | {
-    alwaysShowHandle: boolean;
-  };
+  layout?: 'inline' | 'block';
+  /** Enable drag interaction on block rows. Only effective when layout='block'.
+   * @default false
+   */
+  draggable?: boolean | DraggableConfig;
 }
 declare function MarkedInput<TMarkProps = MarkProps, TOverlayProps extends CoreOption['overlay'] = OverlayProps>(props: MarkedInputProps<TMarkProps, TOverlayProps>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -11349,10 +11343,16 @@ interface OverlayHandler {
     value: string;
     meta?: string;
   }) => void;
-  match: OverlayMatch<Option>;
+  match: OverlayMatch<Option> | undefined;
   ref: RefObject<HTMLElement | null>;
 }
 declare function useOverlay(): OverlayHandler;
 //#endregion
-export { MarkHandler, type MarkProps, type MarkToken, MarkedInput, type MarkedInputProps, MarkputHandler, type Markup, type Option, type OverlayHandler, type OverlayProps, type TextToken, type Token, annotate, denote, useMark, useOverlay };
+//#region src/lib/hooks/useMarkput.d.ts
+type Selectable<T> = Signal<T> | Computed<T>;
+type ObjectSelector = Record<string, Selectable<unknown> | unknown>;
+declare function useMarkput<T>(selector: (store: Store) => Selectable<T>): T;
+declare function useMarkput<R extends ObjectSelector>(selector: (store: Store) => R): SignalValues<R>;
+//#endregion
+export { MarkHandler, type MarkProps, type MarkToken, MarkedInput, type MarkedInputProps, MarkputHandler, type Markup, type Option, type OverlayHandler, type OverlayProps, type TextToken, type Token, annotate, denote, useMark, useMarkput, useOverlay };
 //# sourceMappingURL=index.d.ts.map