@clepit/core 0.2.0-beta.322

package/dist/tools/block/typeset/mermaid/model.d.ts

@@ -0,0 +1,78 @@
+/** The parsed shape of a Mermaid diagram, independent of how it is drawn.
+ *
+ * Parsing yields this model and nothing else — no coordinates, no SVG — because
+ * the twin that draws it differs (TypeScript emits SVG, Dart paints), while what
+ * the source *means* must not. The layout pass turns this into geometry.
+ *
+ * The supported grammar is the closed list in the P7 design doc. Anything
+ * outside it must produce `{ ok: false, reason }` rather than a partial model:
+ * a diagram that disagrees with its own source is the failure P7-b exists to
+ * prevent, and dropping one unrecognised line is exactly how that happens. */
+export type FlowDirection = 'BT' | 'LR' | 'RL' | 'TB' | 'TD';
+export type FlowNodeShape = 'circle' | 'rect' | 'rhombus' | 'round' | 'stadium' | 'subroutine';
+export type FlowEdgeLine = 'dotted' | 'solid' | 'thick';
+export type FlowNode = {
+    id: string;
+    label: string;
+    shape: FlowNodeShape;
+};
+export type FlowEdge = {
+    arrow: boolean;
+    from: string;
+    label: string | null;
+    line: FlowEdgeLine;
+    to: string;
+};
+export type FlowchartModel = {
+    direction: FlowDirection;
+    edges: FlowEdge[];
+    kind: 'flowchart';
+    nodes: FlowNode[];
+};
+export type SequenceMessageLine = 'dotted' | 'solid';
+/** `none` is a bare `->`, which Mermaid draws as a line with no terminator. */
+export type SequenceMessageEnd = 'arrow' | 'cross' | 'none';
+export type SequenceParticipant = {
+    actor: boolean;
+    id: string;
+    label: string;
+};
+export type SequenceMessage = {
+    /** `->>+B` opens an activation bar on the receiver as the message lands. */
+    activate: boolean;
+    deactivate: boolean;
+    end: SequenceMessageEnd;
+    from: string;
+    kind: 'message';
+    line: SequenceMessageLine;
+    text: string;
+    to: string;
+};
+export type SequenceNote = {
+    kind: 'note';
+    placement: 'left' | 'over' | 'right';
+    targets: string[];
+    text: string;
+};
+export type SequenceActivation = {
+    active: boolean;
+    kind: 'activation';
+    participant: string;
+};
+export type SequenceStep = SequenceActivation | SequenceMessage | SequenceNote;
+export type SequenceModel = {
+    kind: 'sequence';
+    participants: SequenceParticipant[];
+    steps: SequenceStep[];
+};
+export type MermaidModel = FlowchartModel | SequenceModel;
+/** `reason` is shown to the author in the fallback frame, so it names the
+ * construct that was not understood rather than a parser-internal position. */
+export type MermaidParseResult = {
+    model: MermaidModel;
+    ok: true;
+} | {
+    ok: false;
+    reason: string;
+};
+//# sourceMappingURL=model.d.ts.map

package/dist/tools/block/typeset/mermaid/parse.d.ts

@@ -0,0 +1,3 @@
+import { MermaidParseResult } from './model';
+export declare function parseMermaid(source: string): MermaidParseResult;
+//# sourceMappingURL=parse.d.ts.map

package/dist/tools/block/typeset/mermaid/render.d.ts

@@ -0,0 +1,7 @@
+import { Backing, ClepitElement } from '../../../../core/element';
+import { MermaidLayout } from './layout';
+/** One emission path, two destinations. The backing decides whether the diagram
+ * lands in a live document or in a string, so a server-rendered page and the
+ * editor cannot drift into drawing different pictures. */
+export declare function renderMermaid(layout: MermaidLayout, backing?: Backing): ClepitElement;
+//# sourceMappingURL=render.d.ts.map

package/dist/tools/block/typeset/output.d.ts

@@ -0,0 +1,46 @@
+import { Backing, ClepitElement } from '../../../core/element';
+import { BlockClassNames, BlockStyles, OutputConfig, TypesetData } from '../../../types';
+export type TypesetLanguage = 'LaTeX' | 'Mermaid';
+/** Renders a typeset block's SOURCE in a labelled frame. Until an engine
+ * understands a construct this is the whole rendering, and it is deliberate: a
+ * diagram that silently renders as something other than what it says is worse
+ * than one showing exactly what the author wrote.
+ *
+ * Source is author text and goes in through `textContent` — never `innerHTML` —
+ * so `\href{javascript:…}` or a `<script>` in a mermaid label is inert. */
+export declare class TypesetOutput {
+    static render(language: TypesetLanguage, data: TypesetData, _config?: OutputConfig, styles?: BlockStyles['latex'], classNames?: BlockClassNames['latex']): HTMLElement;
+    /** The kind label only appears here, not in the success path above: once a
+     * diagram or formula actually renders, the visual output says what it is —
+     * the label is only useful when the block is showing raw, unrendered source.
+     *
+     * The source frame is optionally preceded by the reason the engine could not
+     * draw it. Naming the unsupported construct is the whole point: a blank or
+     * partial diagram reads as "this diagram is empty" rather than "this engine
+     * does not understand it yet". */
+    private static appendFallback;
+    /**
+     * The same drawing, against the element layer, so it runs with no browser.
+     *
+     * The engines themselves are shared rather than reimplemented: `renderLatex`
+     * and `renderMermaid` now take a backing, so a formula drawn on a server and
+     * one drawn in the editor come out of the same emission code.
+     *
+     * Where `render` appends the title then prepends the kind label, this builds
+     * them in their final order directly. The order matters beyond looks:
+     * `.clepit-typeset__kind:has(+ .clepit-typeset__title)` styles the label only
+     * when it sits immediately before the title.
+     */
+    static draw(language: TypesetLanguage, data: TypesetData, backing?: Backing): ClepitElement | null;
+    private static drawFallback;
+    private static validate;
+}
+export declare class LatexOutput {
+    static render(data: TypesetData, config?: OutputConfig, styles?: BlockStyles['latex'], classNames?: BlockClassNames['latex']): HTMLElement;
+    static draw(data: TypesetData, backing?: Backing): ClepitElement | null;
+}
+export declare class MermaidOutput {
+    static render(data: TypesetData, config?: OutputConfig, styles?: BlockStyles['mermaid'], classNames?: BlockClassNames['mermaid']): HTMLElement;
+    static draw(data: TypesetData, backing?: Backing): ClepitElement | null;
+}
+//# sourceMappingURL=output.d.ts.map

package/dist/tools/block/updates/css.d.ts

@@ -0,0 +1,6 @@
+export declare const inputStylesKey = "updates-input";
+export declare const outputStylesKey = "updates-output";
+export declare const sharedStyle = "\n.clepit-updates {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n}\n.clepit-updates__icon {\n  font-size: 18px;\n  line-height: 1;\n}\n.clepit-updates__label {\n  opacity: 0.7;\n}\n";
+export declare const inputStyle = "\n.clepit-updates {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n}\n.clepit-updates__icon {\n  font-size: 18px;\n  line-height: 1;\n}\n.clepit-updates__label {\n  opacity: 0.7;\n}\n";
+export declare const outputStyle = "\n.clepit-updates {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n}\n.clepit-updates__icon {\n  font-size: 18px;\n  line-height: 1;\n}\n.clepit-updates__label {\n  opacity: 0.7;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/block/updates/index.d.ts

@@ -0,0 +1,13 @@
+import { UpdatesInput } from './input';
+import { UpdatesOutput } from './output';
+import { ToolType } from '../../../types';
+export declare const UpdatesTool: {
+    icon: string;
+    readonly input: typeof UpdatesInput;
+    label: string;
+    readonly output: typeof UpdatesOutput;
+    shortcut: string;
+    testId: string;
+    type: ToolType;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/block/updates/input.d.ts

@@ -0,0 +1,14 @@
+import { InputConfig, UpdatesData } from '../../../types';
+export declare class UpdatesInput {
+    static placeholder: string;
+    private static eventListenersMap;
+    static save(element: HTMLElement): UpdatesData;
+    static render(containerId: string, data?: UpdatesData, config?: InputConfig<'updates'>): HTMLElement;
+    /** Never empty. An absent page id is the meaningful default — "this document"
+     * — not a field the author failed to fill, so the block must not be swept up
+     * by empty-block cleanup. */
+    static isEmpty(_blockElement: HTMLElement): boolean;
+    static isEmptyData(_data: UpdatesData): boolean;
+    static destroy(containerId: string): void;
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/tools/block/updates/output.d.ts

@@ -0,0 +1,19 @@
+import { Backing, ClepitElement } from '../../../core/element';
+import { BlockClassNames, BlockStyles, OutputConfig, UpdatesData } from '../../../types';
+/** An `updates` block renders as the reference it is. The activity list lives on
+ * the server and changes by the hour, so a public page or an export shows the
+ * pointer — never a frozen list that will read as current long after it is not. */
+export declare class UpdatesOutput {
+    static render(data: UpdatesData, _config?: OutputConfig, styles?: BlockStyles['updates'], classNames?: BlockClassNames['updates']): HTMLElement;
+    /**
+     * The same drawing, against the element layer, so it runs with no browser.
+     *
+     * This one refuses data `render` would tolerate. `render` reads `data?.pageId`
+     * and draws the default pointer for anything, which is right in an editor
+     * where the block is always an object. What `draw` emits is served to the
+     * public internet, so it holds the same line every other drawer holds and
+     * refuses a payload that is not a block's data at all.
+     */
+    static draw(data: UpdatesData, backing?: Backing): ClepitElement | null;
+}
+//# sourceMappingURL=output.d.ts.map

package/dist/tools/block/video/css.d.ts

@@ -0,0 +1,5 @@
+export declare const inputStylesKey = "clepit-video-input-styles";
+export declare const inputStyle: string;
+export declare const outputStylesKey = "clepit-video-output-styles";
+export declare const outputStyle = "\n/* Output video styles */\n.clepit-output-video-container {\n  margin: 1rem 0;\n  text-align: center;\n}\n\n.clepit-output-video {\n  max-width: 100%;\n  height: auto;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.clepit-output-video-caption {\n  margin-top: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--clepit-text-muted);\n  font-style: italic;\n  text-align: center;\n}\n\n/* Output video alignment */\n.clepit-output-video-wr--left {\n  justify-content: flex-start;\n}\n\n.clepit-output-video-wr--center {\n  justify-content: center;\n}\n\n.clepit-output-video-wr--right {\n  justify-content: flex-end;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/block/video/index.d.ts

@@ -0,0 +1,13 @@
+import { VideoInput } from './input';
+import { VideoOutput } from './output';
+import { ToolType } from '../../../types';
+export declare const VideoTool: {
+    icon: string;
+    readonly input: typeof VideoInput;
+    label: string;
+    readonly output: typeof VideoOutput;
+    shortcut: string;
+    testId: string;
+    type: ToolType;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/block/video/input.d.ts

@@ -0,0 +1,22 @@
+import { Alignment, InputConfig, UploadFunction, VideoData } from '../../../types';
+export declare class VideoInput {
+    static placeholder: string;
+    private static eventListenersMap;
+    private static validTypes;
+    private static addEventListener;
+    static save(element: HTMLElement): VideoData;
+    static render(uploadFunction: UploadFunction, containerId: string, data?: VideoData, config?: InputConfig<'video'>): HTMLElement;
+    private static renderVideo;
+    private static renderDropArea;
+    private static handleFileDrop;
+    private static handleFileSelect;
+    private static isValidVideoFile;
+    private static processVideoFile;
+    private static showLoading;
+    private static showError;
+    static setAlignment(block: HTMLElement, alignment: Alignment): void;
+    static isEmpty(blockElement: HTMLElement): boolean;
+    static isEmptyData(data: VideoData): boolean;
+    static destroy(containerId: string): void;
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/tools/block/video/output.d.ts

@@ -0,0 +1,9 @@
+import { Backing, ClepitElement } from '../../../core/element';
+import { BlockClassNames, BlockStyles, OutputConfig, VideoData } from '../../../types';
+export declare class VideoOutput {
+    static render(data: VideoData, config?: OutputConfig, styles?: BlockStyles['video'], classNames?: BlockClassNames['video']): HTMLElement;
+    /** The same drawing, against the element layer, so it runs with no browser. */
+    static draw(data: VideoData, backing?: Backing): ClepitElement | null;
+    private static validate;
+}
+//# sourceMappingURL=output.d.ts.map

package/dist/tools/index.d.ts

@@ -0,0 +1,3 @@
+import { Tool } from '../types';
+export declare const blockTools: Tool[];
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/bold/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-bold-styles";
+export declare const style = "\n/* Bold inline formatting styles */\n.clepit-toolbar-button strong,\n.clepit-toolbar-button em,\n.clepit-toolbar-button u,\n.clepit-toolbar-button code,\n.clepit-toolbar-button mark {\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  text-decoration: inherit;\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/bold/index.d.ts

@@ -0,0 +1,10 @@
+export declare class BoldInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    private static findBoldElement;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/code/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-inline-code-styles";
+export declare const style = "\n/* Inline code styling when <code> is within editable text */\n.clepit-paragraph code,\n.clepit-header code,\n.clepit-list-item code,\n.clepit-quote-text code,\n.clepit-quote-caption code {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n  padding: 0 4px;\n  border-radius: 4px;\n}\n\n/* Output inline code styling */\n.clepit-output-paragraph code,\n.clepit-output-header code,\n.clepit-output-list li code,\n.clepit-output-quote code,\n.clepit-output-quote cite code {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n  padding: 0 4px;\n  border-radius: 4px;\n}\n\n/* Toolbar button code styling */\n.clepit-toolbar-button strong,\n.clepit-toolbar-button em,\n.clepit-toolbar-button u,\n.clepit-toolbar-button code,\n.clepit-toolbar-button mark {\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  text-decoration: inherit;\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/code/index.d.ts

@@ -0,0 +1,12 @@
+import { BlockClassNames, BlockStyles } from '../../../types';
+export declare class InlineCodeInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range, classNames: BlockClassNames['inline-code'], styles: BlockStyles['inline-code']): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    private static findCodeElement;
+    private static updateExistingCodeElements;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/italic/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-italic-styles";
+export declare const style = "\n/* Italic inline formatting styles */\n.clepit-toolbar-button strong,\n.clepit-toolbar-button em,\n.clepit-toolbar-button u,\n.clepit-toolbar-button code,\n.clepit-toolbar-button mark {\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  text-decoration: inherit;\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n\n.clepit-menu-icon--italic {\n  font-style: italic;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/italic/index.d.ts

@@ -0,0 +1,10 @@
+export declare class ItalicInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    private static findItalicElement;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/link/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-link-styles";
+export declare const style: string;
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/link/dialog.d.ts

@@ -0,0 +1,31 @@
+import { EditorClassNames, EditorStyles } from '../../../types';
+export interface LinkDialogOptions {
+    text: string;
+    url: string;
+    onConfirm: (text: string, url: string) => void;
+    onCancel: () => void;
+    styles?: EditorStyles['dialogs'];
+    classNames?: EditorClassNames['dialogs'];
+}
+export declare class LinkDialog {
+    private static isOpen;
+    private overlay;
+    private dialog;
+    private textInput;
+    private urlInput;
+    private options;
+    constructor(options: LinkDialogOptions);
+    show(): void;
+    hide(): void;
+    private createDialog;
+    private createInputGroup;
+    private createButtonGroup;
+    private bindEvents;
+    private handleKeyDown;
+    private handleInputKeyDown;
+    private focusFirstInput;
+    private applyStyles;
+    private applyClassNames;
+    destroy(): void;
+}
+//# sourceMappingURL=dialog.d.ts.map

package/dist/tools/inline/link/index.d.ts

@@ -0,0 +1,11 @@
+import { EditorClassNames, EditorStyles } from '../../../types';
+export declare class LinkInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range, classNames: EditorClassNames['dialogs'], styles: EditorStyles['dialogs']): void;
+    static remove(range: Range): void;
+    private static findLinkElement;
+    static isActive(range: Range): boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/marker/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-marker-styles";
+export declare const style = "\n/* Marker brush effect */\n.clepit-paragraph mark,\n.clepit-header mark,\n.clepit-list-item mark,\n.clepit-quote-text mark,\n.clepit-quote-caption mark {\n  background: none;\n  position: relative;\n  color: inherit;\n  display: inline-block;\n  z-index: 0; /* create stacking context so ::before sits behind text, not page */\n  white-space: pre-wrap; /* ensure leading/trailing spaces inside mark render */\n}\n.clepit-paragraph mark::before,\n.clepit-header mark::before,\n.clepit-list-item mark::before,\n.clepit-quote-text mark::before,\n.clepit-quote-caption mark::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.15em;\n  height: 1.25em;\n  transform: rotate(-0.4deg);\n  -webkit-mask-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z'/></svg>\");\n  mask-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z'/></svg>\");\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  background-color: var(--clepit-marker);\n  z-index: -1; /* behind text but within mark's stacking context */\n}\n\n/* Output marker brush effect for <mark> */\n.clepit-output-paragraph mark,\n.clepit-output-header mark,\n.clepit-output-list li mark,\n.clepit-output-quote mark,\n.clepit-output-quote cite mark {\n  background: none;\n  position: relative;\n  color: inherit;\n  display: inline-block;\n  z-index: 0;\n  white-space: pre-wrap;\n}\n.clepit-output-paragraph mark::before,\n.clepit-output-header mark::before,\n.clepit-output-list li mark::before,\n.clepit-output-quote mark::before,\n.clepit-output-quote cite mark::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.15em;\n  height: 1.25em;\n  transform: rotate(-0.4deg);\n  -webkit-mask-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z'/></svg>\");\n  mask-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z'/></svg>\");\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  background-color: var(--clepit-marker);\n  z-index: -1;\n}\n\n/* Marker wrapper styling */\n.clepit-marker-wrapper {\n  position: relative;\n  display: inline-block;\n  z-index: 0;\n  white-space: pre-wrap;\n  color: inherit;\n}\n\n/* Marker stroke styling */\n.clepit-marker-stroke {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.15em;\n  height: 1.25em;\n  transform: rotate(-0.4deg);\n  z-index: -1;\n  pointer-events: none;\n  -webkit-mask-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z'/></svg>\");\n  mask-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z'/></svg>\");\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  background-color: var(--clepit-marker);\n}\n\n/* Toolbar button mark styling */\n.clepit-toolbar-button strong,\n.clepit-toolbar-button em,\n.clepit-toolbar-button u,\n.clepit-toolbar-button code,\n.clepit-toolbar-button mark {\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  text-decoration: inherit;\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/marker/index.d.ts

@@ -0,0 +1,16 @@
+import { BlockClassNames, BlockStyles } from '../../../types';
+export declare class MarkerInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range, classNames: BlockClassNames['marker'], styles: BlockStyles['marker']): void;
+    static remove(range: Range): void;
+    private static cleanupSpaces;
+    static isActive(range: Range): boolean;
+    private static findMarkerElement;
+    private static findLegacyMarkElement;
+    private static applyUserStyles;
+    private static createStrokeSVG;
+    private static colorToHex;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/mention/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "inline-mention";
+export declare const style = "\n.clepit-mention {\n  display: inline;\n  padding: 1px 4px;\n  border-radius: 4px;\n  background: rgba(91, 91, 255, 0.12);\n  color: #5b5bff;\n  font-weight: 500;\n  white-space: nowrap;\n}\n.clepit-doc-link {\n  color: #5b5bff;\n  text-decoration: underline;\n  cursor: pointer;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/mention/index.d.ts

@@ -0,0 +1,10 @@
+/** Inline reference entities: `@mention` chips (`span[data-user-id]`) and
+ * doc links (`a[data-page-id]`). Hosts drive WHO/WHAT via their own pickers
+ * and call these helpers to insert the entity at the caret; the sanitizer
+ * whitelists both attributes so the chips survive save. */
+export declare class MentionInput {
+    static insertMentionAtCaret(userId: string, label: string): boolean;
+    static insertDocLinkAtCaret(pageId: string, title: string): boolean;
+    private static insertAtCaret;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/status/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-inline-status-styles";
+export declare const style = "\n/* Inline status \u2014 same visual language as the Alert block but inline. */\n.clepit-status {\n  display: inline;\n  padding: 2px 8px;\n  border-radius: 4px;\n  font-size: 0.9em;\n  line-height: 1.5;\n  vertical-align: baseline;\n}\n\n.clepit-status[data-status-variant=\"info\"] {\n  background: var(--clepit-primary-bg);\n  color: var(--clepit-primary-hover);\n}\n\n.clepit-status[data-status-variant=\"success\"] {\n  background: var(--clepit-success-bg);\n  color: var(--clepit-success);\n}\n\n.clepit-status[data-status-variant=\"warning\"] {\n  background: var(--clepit-warning-bg);\n  color: var(--clepit-warning);\n}\n\n.clepit-status[data-status-variant=\"error\"] {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n}\n\n.clepit-status[data-status-variant=\"plain\"] {\n  background: transparent;\n  color: inherit;\n}\n\n/* Dialog variant picker \u2014 mirrors inline chip styling at rest, highlight on hover/selected. */\n.clepit-status-dialog-variants {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n.clepit-status-dialog-variant {\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: 1px solid var(--clepit-border);\n  border-radius: 4px;\n  padding: 6px 12px;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 13px;\n  color: var(--clepit-text);\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n}\n\n.clepit-status-dialog-variant:hover {\n  border-color: transparent;\n}\n\n.clepit-status-dialog-variant--info:hover,\n.clepit-status-dialog-variant--info[data-selected=\"true\"] {\n  background: var(--clepit-primary-bg);\n  color: var(--clepit-primary-hover);\n  border-color: transparent;\n}\n\n.clepit-status-dialog-variant--success:hover,\n.clepit-status-dialog-variant--success[data-selected=\"true\"] {\n  background: var(--clepit-success-bg);\n  color: var(--clepit-success);\n  border-color: transparent;\n}\n\n.clepit-status-dialog-variant--warning:hover,\n.clepit-status-dialog-variant--warning[data-selected=\"true\"] {\n  background: var(--clepit-warning-bg);\n  color: var(--clepit-warning);\n  border-color: transparent;\n}\n\n.clepit-status-dialog-variant--error:hover,\n.clepit-status-dialog-variant--error[data-selected=\"true\"] {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n  border-color: transparent;\n}\n\n.clepit-status-dialog-variant--plain:hover,\n.clepit-status-dialog-variant--plain[data-selected=\"true\"] {\n  background: var(--clepit-surface);\n  color: var(--clepit-text);\n  border-color: transparent;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/status/dialog.d.ts

@@ -0,0 +1,30 @@
+import { EditorClassNames, EditorStyles } from '../../../types';
+export type StatusVariant = 'info' | 'success' | 'warning' | 'error' | 'plain';
+export declare const STATUS_VARIANTS: StatusVariant[];
+export type StatusDialogOptions = {
+    text: string;
+    variant: StatusVariant;
+    onConfirm: (text: string, variant: StatusVariant) => void;
+    onCancel: () => void;
+    styles?: EditorStyles['dialogs'];
+    classNames?: EditorClassNames['dialogs'];
+};
+export declare class StatusDialog {
+    private static isOpen;
+    private overlay;
+    private dialog;
+    private textInput;
+    private variant;
+    private options;
+    constructor(options: StatusDialogOptions);
+    show(): void;
+    hide(): void;
+    private createDialog;
+    private bindEvents;
+    private focusFirstInput;
+    private handleConfirm;
+    private handleCancel;
+    private cleanupKeyHandler;
+    private applyStyles;
+}
+//# sourceMappingURL=dialog.d.ts.map

package/dist/tools/inline/status/index.d.ts

@@ -0,0 +1,12 @@
+import { EditorClassNames, EditorStyles } from '../../../types';
+export declare class StatusInput {
+    static label: string;
+    static icon: string;
+    static apply(range: Range, classNames: EditorClassNames['dialogs'], styles: EditorStyles['dialogs']): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    private static unwrap;
+    private static findStatusElement;
+    private static readVariant;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/strikethrough/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-strikethrough-styles";
+export declare const style = "\n/* Strikethrough inline formatting styles */\n.clepit-toolbar-button strong,\n.clepit-toolbar-button em,\n.clepit-toolbar-button u,\n.clepit-toolbar-button s,\n.clepit-toolbar-button del,\n.clepit-toolbar-button code,\n.clepit-toolbar-button mark {\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  text-decoration: inherit;\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n\n/* Keep strikethrough visual hint without changing size */\n.clepit-toolbar-button[data-tool=\"strikethrough\"] {\n  text-decoration: line-through;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/strikethrough/index.d.ts

@@ -0,0 +1,10 @@
+export declare class StrikethroughInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    private static findStrikethroughElement;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/tooltip/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-tooltip-styles";
+export declare const style: string;
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/tooltip/dialog.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties } from '../../../types';
+export type TooltipDialogOptions = {
+    text: string;
+    tooltip: string;
+    onConfirm: (text: string, tooltip: string) => void;
+    onCancel: () => void;
+    onShow?: () => void;
+    onHide?: () => void;
+    styles?: {
+        overlay?: CSSProperties;
+        container?: CSSProperties;
+        title?: CSSProperties;
+        group?: CSSProperties;
+        label?: CSSProperties;
+        input?: CSSProperties;
+        buttons?: CSSProperties;
+        cancelButton?: CSSProperties;
+        saveButton?: CSSProperties;
+    };
+    classNames?: {
+        overlay?: string;
+        container?: string;
+        title?: string;
+        group?: string;
+        label?: string;
+        input?: string;
+        buttons?: string;
+        cancelButton?: string;
+        saveButton?: string;
+    };
+};
+export declare class TooltipDialog {
+    private overlay;
+    private dialog;
+    private inputText;
+    private inputTooltip;
+    private options;
+    constructor(options: TooltipDialogOptions);
+    show(): void;
+    hide(): void;
+    private createDialog;
+    private createInputGroup;
+    private createButtonGroup;
+    private bindEvents;
+    private handleKeyDown;
+    private handleInputKeyDown;
+    private focusFirstInput;
+    private applyStyles;
+    private applyClassNames;
+    destroy(): void;
+}
+//# sourceMappingURL=dialog.d.ts.map

package/dist/tools/inline/tooltip/index.d.ts

@@ -0,0 +1,21 @@
+import { BlockClassNames, BlockStyles, EditorClassNames, EditorStyles } from '../../../types';
+type EditorStylesAndClassNames = {
+    classNames: EditorClassNames['tooltips'];
+    styles: EditorStyles['tooltips'];
+};
+type BlockStylesAndClassNames = {
+    classNames: BlockClassNames['tooltip'];
+    styles: BlockStyles['tooltip'];
+};
+export declare class TooltipInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range, editorStylesAndClassNames: EditorStylesAndClassNames, blockStylesAndClassNames: BlockStylesAndClassNames): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    static initializeElements(container: HTMLElement, blockStylesAndClassNames: BlockStylesAndClassNames): void;
+    private static findTooltipSpan;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/underline/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-underline-styles";
+export declare const style = "\n/* Underline inline formatting styles */\n.clepit-toolbar-button strong,\n.clepit-toolbar-button em,\n.clepit-toolbar-button u,\n.clepit-toolbar-button code,\n.clepit-toolbar-button mark {\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  text-decoration: inherit;\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n\n/* Keep underline visual hint without changing size */\n.clepit-toolbar-button[data-tool=\"underline\"] {\n  text-decoration: underline;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/underline/index.d.ts

@@ -0,0 +1,10 @@
+export declare class UnderlineInput {
+    static label: string;
+    static icon: string;
+    static shortcut: string;
+    static apply(range: Range): void;
+    static remove(range: Range): void;
+    static isActive(range: Range): boolean;
+    private static findUnderlineElement;
+}
+//# sourceMappingURL=index.d.ts.map