@drghaliasri/butex 3.2.2

package/dist/react-document2.d.mts

@@ -0,0 +1,366 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ArabicNodeJson = {
+    node_type: string;
+    expr?: string;
+    name?: string;
+    superscript?: ChainJson | null;
+    subscript?: ChainJson | null;
+    left_delim_expr?: string;
+    right_delim_expr?: string;
+    inner_expr?: ChainJson;
+    optional_args?: ChainJson[];
+    mandatory_args?: ChainJson[];
+    opening?: string;
+    closing?: string;
+    lines?: ChainJson[];
+};
+type ChainJson = {
+    node_type: 'ChainClass';
+    chain: ArabicNodeJson[];
+};
+declare class State {
+}
+declare class BaseAstNode {
+    state: State;
+    superscript: ChainNode | null;
+    subscript: ChainNode | null;
+    nodeType: string;
+    constructor(state?: State | null);
+    latex(): string;
+    arabicLatex(): string;
+    toArabicLatex(): string;
+    /** Latin-style scripts: `^{...}` and `_{...}` for english_json rendering. */
+    latexScripts(): string;
+    /**
+     * Arabic scripts use \\prescript{sup}{sub}{content} (matches reference Python output).
+     * Call with rendered strings for sup/sub chains (may be empty strings).
+     */
+    arabicLatexScripts(sup: string, sub: string, content: string): string;
+}
+declare class ChainNode {
+    chain: BaseAstNode[];
+    constructor(chain?: BaseAstNode[]);
+    latex(): string;
+    toEnglishLatex(): string;
+    /** RTL: reverse order relative to Latin chain (see test/ref_tests.txt). */
+    arabicLatex(): string;
+    toArabicLatex(): string;
+}
+
+type MathNode = {
+    nodeType: 'MathObject';
+    mathMode: string;
+    lines: ChainNode[];
+    closing: string;
+};
+
+type Document2MathOutput = 'svg' | 'chtml';
+type MathObject2Json = {
+    node_type: 'MathObject';
+    math_mode: string;
+    lines: ChainJson[];
+    closing: string;
+};
+type Document2Json = {
+    node_type: 'DocumentObject';
+    blocks: Document2BlockJson[];
+};
+type Document2BlockJson = {
+    command: string;
+    value?: string;
+    math_objects?: MathObject2Json[];
+    options?: Record<string, string>;
+    closing?: string;
+    items?: Document2ListItemJson[];
+    rows?: string[][];
+    columns?: string;
+};
+type Document2ListItemJson = {
+    value: string;
+    math_objects?: MathObject2Json[];
+    blocks?: Document2BlockJson[];
+};
+type Document2Diagnostic = {
+    code: string;
+    message: string;
+    path: string;
+};
+type TextToken2 = {
+    id: string;
+    kind: 'text';
+    text: string;
+};
+type MathToken2 = {
+    id: string;
+    kind: 'math';
+    display: boolean;
+    opening: string;
+    closing: string;
+    source: string;
+    math: MathNode | null;
+    editable: boolean;
+    reason?: string;
+    sourceOwner: 'imported-structured' | 'raw' | 'editor';
+};
+type InlineToken2 = TextToken2 | MathToken2;
+type InlineField2 = {
+    id: string;
+    tokens: InlineToken2[];
+};
+type TextBlock2 = {
+    id: string;
+    kind: 'textBlock';
+    command: '\\section' | '\\subsection' | '\\subsubsection' | '\\paragraph';
+    field: InlineField2;
+};
+type ListItem2 = {
+    id: string;
+    field: InlineField2;
+    blocks: Document2Block[];
+};
+type ListBlock2 = {
+    id: string;
+    kind: 'list';
+    command: '\\begin{itemize}' | '\\begin{enumerate}';
+    closing: '\\end{itemize}' | '\\end{enumerate}';
+    items: ListItem2[];
+};
+type TableBlock2 = {
+    id: string;
+    kind: 'table';
+    command: '\\begin{tabular}';
+    closing: '\\end{tabular}';
+    columns: string;
+    rows: InlineField2[][];
+};
+type ImageBlock2 = {
+    id: string;
+    kind: 'image';
+    command: '\\includegraphics';
+    value: string;
+    options: Record<string, string>;
+};
+type RawBlock2 = {
+    id: string;
+    kind: 'raw';
+    command: '\\raw';
+    value: string;
+};
+type Document2Block = TextBlock2 | ListBlock2 | TableBlock2 | ImageBlock2 | RawBlock2;
+type Document2Node = {
+    nodeType: 'DocumentObject';
+    blocks: Document2Block[];
+    diagnostics: Document2Diagnostic[];
+};
+type PreviewInline2 = {
+    kind: 'text';
+    text: string;
+} | {
+    kind: 'math';
+    id: string;
+    tex: string;
+    display: boolean;
+    output: Document2MathOutput;
+    editable: boolean;
+};
+type PreviewBlock2 = {
+    kind: 'heading';
+    id: string;
+    level: 1 | 2 | 3;
+    inlines: PreviewInline2[];
+} | {
+    kind: 'paragraph';
+    id: string;
+    inlines: PreviewInline2[];
+} | {
+    kind: 'list';
+    id: string;
+    ordered: boolean;
+    items: Array<{
+        id: string;
+        inlines: PreviewInline2[];
+        blocks: PreviewBlock2[];
+    }>;
+} | {
+    kind: 'table';
+    id: string;
+    rows: PreviewInline2[][][];
+} | {
+    kind: 'image';
+    id: string;
+    src: string;
+    options: Record<string, string>;
+}
+/** Preview-only: raw / unknown blocks are omitted from preview until we add proper rendering. */
+ | {
+    kind: 'omit';
+    id: string;
+};
+
+type EditorSide = 'english' | 'arabic';
+type EditorNodeKind = 'char' | 'number' | 'operator' | 'delimiter' | 'frac' | 'sqrt' | 'env' | 'atomicCommand' | 'atomicOperatorCommand';
+type MatrixEnvStyle = 'matrix' | 'pmatrix' | 'bmatrix' | 'Bmatrix' | 'vmatrix' | 'Vmatrix';
+type GridEnvName = MatrixEnvStyle | 'array' | 'aligned';
+type EnvColumnAlignment = 'l' | 'c' | 'r';
+type CharacterFontId = 'default' | 'takween' | 'diwani' | 'diwaniOutline';
+type DigitFormId = 'western' | 'arabicIndic' | 'persianIndic';
+type EditorSyncState = 'synced' | 'diverged';
+type EditorChain = {
+    id: string;
+    nodes: EditorNode[];
+};
+type EditorNode = {
+    id: string;
+    kind: EditorNodeKind;
+    expr: string;
+    characterFont?: CharacterFontId;
+    superscript: EditorChain | null;
+    subscript: EditorChain | null;
+    leftDelimExpr: string;
+    rightDelimExpr: string;
+    innerExpr: EditorChain | null;
+    numerator: EditorChain | null;
+    denominator: EditorChain | null;
+    radicand: EditorChain | null;
+    rootIndex: EditorChain | null;
+    envName: GridEnvName | null;
+    matrixStyle: MatrixEnvStyle | null;
+    matrixRows: EditorChain[][] | null;
+    columnAlignments: EnvColumnAlignment[] | null;
+};
+type EditorCaret = {
+    chainId: string;
+    index: number;
+};
+type EditorSelectionRange = {
+    chainId: string;
+    anchorIndex: number;
+    focusIndex: number;
+};
+type EditorSyncMap = Record<string, {
+    expr: EditorSyncState;
+}>;
+type EditorDebugEntry = {
+    timestamp: string;
+    command: string;
+    activeSide: EditorSide;
+    englishLatex: string;
+    arabicLatex: string;
+    renderOk: boolean;
+    renderError: string | null;
+    note: string;
+};
+type EditorSession = {
+    englishTree: EditorChain;
+    arabicTree: EditorChain;
+    activeSide: EditorSide;
+    /** When true, each typed letter/digit inserts a new char/number leaf; when false, merge into adjacent same-kind leaves. */
+    splitLeafTyping: boolean;
+    /** One-shot: when true, the next insertChar/insertNumber bypasses leaf-merge (used by Space in merge mode). */
+    forceSplitNextLeaf: boolean;
+    /** When true and active side is Arabic, merged number typing prepends digits (RTL-style); still mirrored on EN/AR. */
+    arabicReverseNumberTyping: boolean;
+    /** Font applied to newly typed char nodes. */
+    currentCharacterFont: CharacterFontId;
+    /** Digit glyph form used for editor display and LaTeX preview output. */
+    currentDigitForm: DigitFormId;
+    caret: EditorCaret;
+    /** Whole-node range selection inside a single chain (anchor==focus means no selection). */
+    selection: EditorSelectionRange | null;
+    selectedNodeId: string | null;
+    selectedStructureNodeId: string | null;
+    sync: EditorSyncMap;
+    debugLog: EditorDebugEntry[];
+};
+
+type ButexDocumentEditor2Props = {
+    initialDocument?: Document2Json | Document2Node;
+    className?: string;
+    debug?: boolean;
+    mathOutput?: Document2MathOutput;
+    onDocumentChange?: (document: Document2Node) => void;
+    onLatexChange?: (latex: string) => void;
+};
+type Document2InitialState = {
+    document: Document2Node;
+    error: string | null;
+};
+declare function resolveInitialDocument2(initialDocument: Document2Json | Document2Node | undefined): Document2InitialState;
+declare function ButexDocumentEditor2({ initialDocument, className, debug, mathOutput, onDocumentChange, onLatexChange, }: ButexDocumentEditor2Props): react_jsx_runtime.JSX.Element;
+
+type DocumentInsertToolbarProps = {
+    canUndo: boolean;
+    canRedo: boolean;
+    onUndo: () => void;
+    onRedo: () => void;
+    onAddSection: () => void;
+    onAddSubsection: () => void;
+    onAddSubsubsection: () => void;
+    onAddParagraph: () => void;
+    onAddInlineEquation: () => void;
+    onAddDisplayEquation: () => void;
+    onAddTable: (rowCount: number, colCount: number) => void;
+    onAddList: () => void;
+    onAddEnumerate: () => void;
+    onAddFigure: () => void;
+};
+declare function DocumentInsertToolbar({ canUndo, canRedo, onUndo, onRedo, onAddSection, onAddSubsection, onAddSubsubsection, onAddParagraph, onAddInlineEquation, onAddDisplayEquation, onAddTable, onAddList, onAddEnumerate, onAddFigure, }: DocumentInsertToolbarProps): react_jsx_runtime.JSX.Element;
+
+declare function DocumentPreview({ blocks, output }: {
+    blocks: PreviewBlock2[];
+    output: Document2MathOutput;
+}): react_jsx_runtime.JSX.Element;
+
+type EquationMathMode = 'inline' | 'display';
+type EquationDrawerProps = {
+    session: EditorSession;
+    reason?: string | null;
+    mathMode: EquationMathMode;
+    canDelete?: boolean;
+    onMathModeChange: (mode: EquationMathMode) => void;
+    onClose: () => void;
+    onSave: (session: EditorSession) => void;
+    onDelete?: () => void;
+};
+declare function EquationDrawer({ session, reason, mathMode, canDelete, onMathModeChange, onClose, onSave, onDelete, }: EquationDrawerProps): react_jsx_runtime.JSX.Element;
+
+type InlineFieldProps = {
+    field: InlineField2;
+    blockId?: string;
+    mathOutput?: Document2MathOutput;
+    onTextChange: (fieldId: string, tokenId: string, text: string) => void;
+    onOpenMath: (token: MathToken2) => void;
+    onDeleteMath?: (tokenId: string) => void;
+    onFieldFocus?: (blockId: string, fieldId: string, textTokenId: string, caretOffset: number) => void;
+    onMathFocus?: (blockId: string, fieldId: string, tokenId: string) => void;
+    onFieldBlur?: () => void;
+};
+declare function InlineField({ field, blockId, mathOutput, onTextChange, onOpenMath, onDeleteMath, onFieldFocus, onMathFocus, onFieldBlur, }: InlineFieldProps): react_jsx_runtime.JSX.Element;
+
+type MathChipProps = {
+    token: MathToken2;
+    output?: Document2MathOutput;
+    buttonRef?: (element: HTMLButtonElement | null) => void;
+    onOpen: (token: MathToken2) => void;
+    onDelete?: (tokenId: string) => void;
+    onFocus?: (tokenId: string) => void;
+    onRequestTextFocus?: (tokenId: string, direction: -1 | 1) => void;
+    onTextInputFromFocus?: (tokenId: string, text: string) => void;
+};
+declare function MathChip({ token, output, buttonRef, onOpen, onDelete, onFocus, onRequestTextFocus, onTextInputFromFocus, }: MathChipProps): react_jsx_runtime.JSX.Element;
+
+type BuTeXMathOutput = 'chtml' | 'svg';
+
+type MathIslandProps = {
+    id: string;
+    tex: string;
+    display: boolean;
+    output?: BuTeXMathOutput;
+};
+declare function MathIsland({ id, tex, display, output }: MathIslandProps): react_jsx_runtime.JSX.Element;
+
+declare const DOCUMENT2_WIDGET_CSS = "\n.butex-document2-widget {\n  --butex-document2-bg: var(--butex-bg, #f8fafc);\n  --butex-document2-fg: var(--butex-fg, #0f172a);\n  --butex-document2-muted: var(--butex-muted, #64748b);\n  --butex-document2-panel: var(--butex-panel, #ffffff);\n  --butex-document2-border: var(--butex-border, #e2e8f0);\n  --butex-document2-accent: var(--butex-accent, #0d9488);\n  --butex-document2-accent-bg: var(--butex-toolbar-hover-bg, rgba(13, 148, 136, 0.08));\n  --butex-document2-focus-shadow: var(--butex-focus-shadow, rgba(13, 148, 136, 0.16));\n  --butex-document2-danger: var(--butex-danger, #dc2626);\n  --butex-document2-error: var(--butex-error, #b91c1c);\n  --butex-document2-error-bg: var(--butex-error-bg, #fef2f2);\n  --butex-document2-preview-bg: var(--butex-preview-bg, #ffffff);\n  --butex-document2-preview-fg: var(--butex-preview-fg, var(--butex-document2-fg));\n  --butex-document2-preview-font: \"Amiri\", \"Noto Serif Arabic\", Georgia, \"Times New Roman\", serif;\n  --butex-document2-drawer-bg: var(--butex-document2-panel);\n  --butex-document2-input-bg: #ffffff;\n  --butex-document2-raw-bg: #f8fafc;\n  --butex-document2-math-bg: var(--butex-document2-accent-bg);\n  --butex-document2-math-border: rgba(13, 148, 136, 0.35);\n  --butex-document2-text-token-bg: var(--butex-text-token-bg, color-mix(in srgb, var(--butex-document2-panel) 86%, var(--butex-document2-bg)));\n  --butex-document2-text-token-border: var(--butex-text-token-border, color-mix(in srgb, var(--butex-document2-border) 86%, var(--butex-document2-muted)));\n  --butex-document2-math-inline-bg: var(--butex-math-inline-bg, color-mix(in srgb, var(--butex-document2-accent) 10%, var(--butex-document2-panel)));\n  --butex-document2-math-display-bg: var(--butex-math-display-bg, color-mix(in srgb, var(--butex-document2-accent) 7%, var(--butex-document2-bg)));\n  --butex-document2-collapse-bg: var(--butex-collapse-bg, color-mix(in srgb, var(--butex-document2-muted) 8%, var(--butex-document2-panel)));\n  --butex-document2-dev-bg: var(--butex-dev-bg, #fffbeb);\n  --butex-document2-dev-border: var(--butex-dev-border, #fcd34d);\n  --butex-document2-dev-code-bg: var(--butex-dev-inset-bg, #ffffff);\n  --butex-document2-dev-code-fg: var(--butex-dev-inset-fg, var(--butex-document2-fg));\n  box-sizing: border-box;\n  color: var(--butex-document2-fg);\n  direction: rtl;\n  font-family: ui-sans-serif, system-ui, \"Segoe UI\", Tahoma, Arial, sans-serif;\n  line-height: 1.45;\n}\n\n.butex-document2-widget *,\n.butex-document2-widget *::before,\n.butex-document2-widget *::after {\n  box-sizing: inherit;\n}\n\n.butex-document2-widget__shell,\n.butex-document2-widget__editor-panel,\n.butex-document2-widget__blocks,\n.butex-document2-widget__dev,\n.butex-document2-widget__field {\n  display: grid;\n  gap: 10px;\n  min-width: 0;\n}\n\n.butex-document2-widget__toolbar,\n.butex-document2-widget__panel,\n.butex-document2-widget__block,\n.butex-document2-widget__dev {\n  background: var(--butex-document2-panel);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 12px;\n  min-width: 0;\n  padding: 12px;\n}\n\n.butex-document2-widget__toolbar {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  box-shadow: 0 4px 16px color-mix(in srgb, var(--butex-document2-fg) 6%, transparent);\n  gap: 6px;\n}\n\n.butex-document2-widget__toolbar-insert {\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  flex-wrap: wrap;\n  gap: 6px;\n  min-width: 0;\n}\n\n.butex-document2-widget__toolbar-group {\n  align-items: center;\n  border-inline-start: 1px solid color-mix(in srgb, var(--butex-document2-border) 75%, transparent);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  padding-inline-start: 6px;\n}\n\n.butex-document2-widget__toolbar-group:first-child {\n  border-inline-start: 0;\n  padding-inline-start: 0;\n}\n\n.butex-document2-widget__icon-btn {\n  align-items: center;\n  background: var(--butex-document2-panel);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 8px;\n  color: var(--butex-document2-fg);\n  cursor: pointer;\n  display: inline-flex;\n  font-weight: 700;\n  justify-content: center;\n  line-height: 1;\n  min-height: 30px;\n  min-width: 30px;\n  padding: 0 6px;\n}\n\n.butex-document2-widget__icon-btn:hover:not(:disabled),\n.butex-document2-widget__icon-btn[aria-pressed=\"true\"] {\n  background: var(--butex-document2-accent-bg);\n  border-color: var(--butex-document2-accent);\n}\n\n.butex-document2-widget__icon-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.45;\n}\n\n.butex-document2-widget__icon-btn--h1 {\n  font-size: 1.15rem;\n}\n\n.butex-document2-widget__icon-btn--h2 {\n  font-size: 1rem;\n}\n\n.butex-document2-widget__icon-btn--h3 {\n  font-size: 0.88rem;\n}\n\n.butex-document2-widget__icon-math-inline {\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 0.78rem;\n  font-weight: 600;\n}\n\n.butex-document2-widget__icon-math-display {\n  font-size: 0.82rem;\n  font-weight: 700;\n}\n\n.butex-document2-widget__block-actions {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.butex-document2-widget button.butex-document2-widget__block-collapse {\n  align-items: center;\n  background: var(--butex-document2-collapse-bg);\n  border-color: color-mix(in srgb, var(--butex-document2-border) 70%, var(--butex-document2-muted));\n  display: inline-flex;\n  font-weight: 800;\n  justify-content: center;\n  min-height: 26px;\n  min-width: 26px;\n  padding: 0;\n}\n\n.butex-document2-widget__math-chip-wrap {\n  align-items: center;\n  display: inline-flex;\n  gap: 2px;\n}\n\n.butex-document2-widget__math-chip-wrap[data-display=\"true\"] {\n  flex: 1 1 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n.butex-document2-widget__math-chip-delete {\n  background: transparent;\n  border: 1px solid color-mix(in srgb, var(--butex-document2-danger) 35%, var(--butex-document2-border));\n  border-radius: 6px;\n  color: var(--butex-document2-danger);\n  cursor: pointer;\n  font-size: 0.85rem;\n  line-height: 1;\n  min-height: 24px;\n  min-width: 24px;\n  padding: 0;\n}\n\n.butex-document2-widget__table-cell {\n  flex: 1 1 8rem;\n  min-width: 8rem;\n}\n\n.butex-document2-widget__block--table .butex-document2-widget__inline-text {\n  min-height: 3.5em;\n  min-width: min(12ch, 100%);\n}\n\n.butex-document2-widget__table-popover {\n  display: inline-block;\n  position: relative;\n}\n\n.butex-document2-widget__table-popover-panel {\n  background: var(--butex-document2-panel);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 10px;\n  box-shadow: 0 8px 24px color-mix(in srgb, var(--butex-document2-fg) 12%, transparent);\n  display: grid;\n  gap: 8px;\n  inset-inline-end: 0;\n  padding: 10px;\n  position: absolute;\n  top: calc(100% + 6px);\n  width: min(220px, 70vw);\n  z-index: 30;\n}\n\n.butex-document2-widget__table-popover-panel label {\n  color: var(--butex-document2-muted);\n  display: grid;\n  font-size: 0.82rem;\n  gap: 4px;\n}\n\n.butex-document2-widget__toolbar-row {\n  align-items: center;\n  border-block-end: 1px solid color-mix(in srgb, var(--butex-document2-border) 70%, transparent);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-block-end: 8px;\n  padding-block-end: 8px;\n  width: 100%;\n}\n\n.butex-document2-widget__toolbar-row:last-child {\n  border-block-end: 0;\n  margin-block-end: 0;\n  padding-block-end: 0;\n}\n\n.butex-document2-widget__toolbar-label {\n  color: var(--butex-document2-muted);\n  font-size: 0.78rem;\n  font-weight: 600;\n  margin-inline-end: 4px;\n  white-space: nowrap;\n}\n\n.butex-document2-widget__block-header {\n  align-items: center;\n  border-block-end: 1px solid color-mix(in srgb, var(--butex-document2-border) 80%, transparent);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: space-between;\n  margin-block-end: 10px;\n  padding-block-end: 8px;\n}\n\n.butex-document2-widget__block-title {\n  align-items: center;\n  color: var(--butex-document2-fg);\n  display: inline-flex;\n  gap: 8px;\n  font-weight: 700;\n}\n\n.butex-document2-widget__block--section .butex-document2-widget__block-title {\n  font-size: 1.12rem;\n}\n\n.butex-document2-widget__block--subsection .butex-document2-widget__block-title {\n  font-size: 1.04rem;\n}\n\n.butex-document2-widget__block--subsubsection .butex-document2-widget__block-title {\n  font-size: 0.98rem;\n}\n\n.butex-document2-widget__block--paragraph .butex-document2-widget__block-title {\n  color: var(--butex-document2-muted);\n  font-size: 0.86rem;\n  font-weight: 600;\n}\n\n.butex-document2-widget__block--list .butex-document2-widget__block-title,\n.butex-document2-widget__block--table .butex-document2-widget__block-title,\n.butex-document2-widget__block--image .butex-document2-widget__block-title,\n.butex-document2-widget__block--raw .butex-document2-widget__block-title {\n  font-size: 0.9rem;\n}\n\n.butex-document2-widget__block--section {\n  background: color-mix(in srgb, var(--butex-document2-accent) 9%, var(--butex-document2-panel));\n  border-inline-start: 4px solid var(--butex-document2-accent);\n}\n\n.butex-document2-widget__block--subsection {\n  background: color-mix(in srgb, var(--butex-document2-accent) 6%, var(--butex-document2-panel));\n  border-inline-start: 3px solid color-mix(in srgb, var(--butex-document2-accent) 78%, var(--butex-document2-border));\n}\n\n.butex-document2-widget__block--subsubsection {\n  background: color-mix(in srgb, var(--butex-document2-accent) 4%, var(--butex-document2-panel));\n  border-inline-start: 3px solid var(--butex-document2-border);\n}\n\n.butex-document2-widget__block--paragraph {\n  border-inline-start: 2px solid color-mix(in srgb, var(--butex-document2-muted) 35%, transparent);\n}\n\n.butex-document2-widget__block--list {\n  background: color-mix(in srgb, var(--butex-document2-bg) 55%, var(--butex-document2-panel));\n  border-inline-start: 3px solid color-mix(in srgb, var(--butex-document2-accent) 55%, var(--butex-document2-border));\n}\n\n.butex-document2-widget__block--table {\n  background: color-mix(in srgb, var(--butex-document2-bg) 40%, var(--butex-document2-panel));\n  border-inline-start: 3px solid var(--butex-document2-border);\n}\n\n.butex-document2-widget__block--image {\n  background: color-mix(in srgb, var(--butex-document2-muted) 6%, var(--butex-document2-panel));\n  border-inline-start: 3px dashed color-mix(in srgb, var(--butex-document2-muted) 45%, var(--butex-document2-border));\n}\n\n.butex-document2-widget__block--raw {\n  background: color-mix(in srgb, var(--butex-document2-muted) 8%, var(--butex-document2-panel));\n  border-inline-start: 3px dashed var(--butex-document2-muted);\n}\n\n.butex-document2-widget__block--collapsed {\n  background: var(--butex-document2-collapse-bg);\n}\n\n.butex-document2-widget__block--collapsed .butex-document2-widget__block-header {\n  margin-block-end: 8px;\n}\n\n.butex-document2-widget__block-summary {\n  background: color-mix(in srgb, var(--butex-document2-panel) 72%, transparent);\n  border: 1px dashed color-mix(in srgb, var(--butex-document2-border) 70%, var(--butex-document2-muted));\n  border-radius: 8px;\n  color: var(--butex-document2-muted);\n  font-size: 0.86rem;\n  line-height: 1.5;\n  min-width: 0;\n  overflow-wrap: anywhere;\n  padding: 8px 10px;\n}\n\n.butex-document2-widget__list-item-actions {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-block-start: 6px;\n}\n\n.butex-document2-widget__list-footer {\n  border-block-start: 1px dashed color-mix(in srgb, var(--butex-document2-border) 85%, transparent);\n  margin-block-start: 10px;\n  padding-block-start: 10px;\n}\n\n.butex-document2-widget__button--danger:hover {\n  border-color: var(--butex-document2-danger);\n  color: var(--butex-document2-danger);\n}\n\n.butex-document2-widget__image-src-label {\n  color: var(--butex-document2-muted);\n  display: block;\n  font-size: 0.82rem;\n  margin-block-end: 4px;\n}\n\n.butex-document2-widget__toolbar,\n.butex-document2-widget__row {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.butex-document2-widget button {\n  background: var(--butex-document2-panel);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 8px;\n  color: var(--butex-document2-fg);\n  cursor: pointer;\n  min-height: 32px;\n  padding: 0 10px;\n}\n\n.butex-document2-widget button:hover,\n.butex-document2-widget button[aria-pressed=\"true\"] {\n  background: var(--butex-document2-accent-bg);\n  border-color: var(--butex-document2-accent);\n}\n\n.butex-document2-widget button:focus-visible,\n.butex-document2-widget input:focus-visible,\n.butex-document2-widget textarea:focus-visible {\n  border-color: var(--butex-document2-accent);\n  box-shadow: 0 0 0 3px var(--butex-document2-focus-shadow);\n  outline: none;\n}\n\n.butex-document2-widget input {\n  background: var(--butex-document2-input-bg);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 8px;\n  color: var(--butex-document2-fg);\n  font: inherit;\n  min-height: 34px;\n  padding: 7px 9px;\n}\n\n.butex-document2-widget textarea {\n  background: var(--butex-document2-input-bg);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 8px;\n  color: var(--butex-document2-fg);\n  font: inherit;\n  line-height: 1.45;\n  padding: 7px 9px;\n}\n\n.butex-document2-widget__layout {\n  align-items: start;\n  display: grid;\n  gap: 12px;\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);\n  transition: grid-template-columns 0.22s ease;\n}\n\n.butex-document2-widget__layout--editor-open.butex-document2-widget__layout--preview-open {\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);\n}\n\n.butex-document2-widget__layout--editor-open.butex-document2-widget__layout--preview-closed {\n  grid-template-columns: minmax(0, 1fr) minmax(0, 0fr);\n}\n\n.butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-open {\n  grid-template-columns: minmax(0, 0fr) minmax(0, 1fr);\n}\n\n.butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-closed {\n  grid-template-columns: minmax(0, 1fr) minmax(0, 0fr);\n}\n\n.butex-document2-widget__layout--preview-open {\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);\n}\n\n.butex-document2-widget__layout--preview-closed {\n  grid-template-columns: minmax(0, 1fr) minmax(0, 0fr);\n}\n\n.butex-document2-widget__editor-panel,\n.butex-document2-widget__preview-panel {\n  min-width: 0;\n  opacity: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  transform: translateX(0);\n  transition:\n    opacity 0.18s ease,\n    transform 0.22s ease,\n    padding 0.22s ease,\n    border-width 0.22s ease,\n    box-shadow 0.22s ease;\n}\n\n.butex-document2-widget__layout--editor-closed .butex-document2-widget__editor-panel {\n  border-width: 0;\n  box-shadow: none;\n  opacity: 0;\n  padding-inline: 0;\n  pointer-events: none;\n  transform: translateX(10px);\n  visibility: hidden;\n}\n\n.butex-document2-widget__layout--preview-closed .butex-document2-widget__preview-panel {\n  border-width: 0;\n  box-shadow: none;\n  opacity: 0;\n  padding-inline: 0;\n  pointer-events: none;\n  transform: translateX(-10px);\n  visibility: hidden;\n}\n\n.butex-document2-widget__inline-field {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  max-width: 100%;\n  min-width: 0;\n  width: 100%;\n}\n\n.butex-document2-widget__inline-text {\n  background: var(--butex-document2-text-token-bg);\n  border-color: var(--butex-document2-text-token-border);\n  box-sizing: border-box;\n  flex: 0 1 auto;\n  max-width: 100%;\n  min-height: 2.75em;\n  min-width: 3ch;\n  overflow-wrap: break-word;\n  overflow-y: hidden;\n  resize: none;\n  white-space: pre-wrap;\n  width: auto;\n  word-break: break-word;\n}\n\n.butex-document2-widget__inline-text:hover {\n  border-color: color-mix(in srgb, var(--butex-document2-text-token-border) 55%, var(--butex-document2-accent));\n}\n\n.butex-document2-widget__inline-field input {\n  min-width: 12ch;\n}\n\n.butex-document2-widget__math-chip {\n  background: var(--butex-document2-math-inline-bg);\n  border-color: color-mix(in srgb, var(--butex-document2-math-border) 70%, var(--butex-document2-accent));\n  border-width: 1.5px;\n  direction: ltr;\n  display: inline-flex;\n  font-family: inherit;\n  gap: 4px;\n  max-width: 100%;\n  min-height: 30px;\n  overflow: visible;\n  padding: 3px 7px;\n  unicode-bidi: isolate;\n}\n\n.butex-document2-widget__math-chip:hover,\n.butex-document2-widget__math-chip:focus-visible {\n  background: color-mix(in srgb, var(--butex-document2-accent) 12%, var(--butex-document2-panel));\n  border-color: var(--butex-document2-accent);\n}\n\n.butex-document2-widget__math-chip[data-editable=\"false\"] {\n  border-style: dashed;\n  color: var(--butex-document2-muted);\n}\n\n.butex-document2-widget__math-chip[data-display=\"true\"] {\n  background: var(--butex-document2-math-display-bg);\n  border-color: color-mix(in srgb, var(--butex-document2-accent) 50%, var(--butex-document2-border));\n  border-width: 1.5px;\n  border-radius: 10px;\n  box-shadow: 0 5px 16px color-mix(in srgb, var(--butex-document2-fg) 8%, transparent);\n  justify-content: center;\n  margin-block: 4px;\n  min-height: 54px;\n  padding: 10px 12px;\n  width: min(100%, 36rem);\n}\n\n.butex-document2-widget__preview {\n  background: var(--butex-document2-preview-bg);\n  color: var(--butex-document2-preview-fg);\n  direction: rtl;\n  font-family: var(--butex-document2-preview-font);\n  font-size: 1.08rem;\n  line-height: 1.9;\n  max-width: 100%;\n  min-width: 0;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n.butex-document2-widget__preview h1,\n.butex-document2-widget__preview h2,\n.butex-document2-widget__preview h3,\n.butex-document2-widget__preview p,\n.butex-document2-widget__preview li {\n  max-width: 100%;\n  overflow-wrap: break-word;\n  white-space: normal;\n  word-break: break-word;\n}\n\n.butex-document2-widget__preview table {\n  border-collapse: collapse;\n  border: 1px solid #000000;\n  margin: 12px 0;\n  max-width: 100%;\n  table-layout: fixed;\n  width: 100%;\n}\n\n.butex-document2-widget__preview td {\n  border: 1px solid #000000;\n  max-width: 100%;\n  overflow-wrap: break-word;\n  padding: 6px 8px;\n  white-space: normal;\n  word-break: break-word;\n}\n\n.butex-document2-widget__math-island {\n  direction: ltr;\n  display: inline-block;\n  line-height: normal;\n  margin: 0 2px;\n  overflow: visible;\n  unicode-bidi: isolate;\n  vertical-align: middle;\n}\n\n.butex-document2-widget__math-chip .butex-document2-widget__math-island {\n  margin: 0;\n}\n\n.butex-document2-widget__math-island[data-render-state=\"loading\"] {\n  opacity: 0.72;\n}\n\n.butex-document2-widget__math-island[data-render-state=\"error\"] {\n  color: var(--butex-document2-error);\n  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;\n  font-size: 0.88rem;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n  white-space: normal;\n}\n\n.butex-document2-widget__math-island[data-display=\"true\"] {\n  display: block;\n  margin: 10px 0;\n  text-align: center;\n}\n\n.butex-document2-widget__math-chip .butex-document2-widget__math-island[data-display=\"true\"] {\n  margin: 0;\n}\n\n.butex-document2-widget__raw {\n  background: var(--butex-document2-raw-bg);\n  border-radius: 8px;\n  direction: ltr;\n  padding: 8px;\n  text-align: left;\n  white-space: pre-wrap;\n}\n\n.butex-document2-widget__error {\n  background: var(--butex-document2-error-bg);\n  border: 1px solid var(--butex-document2-error);\n  border-radius: 8px;\n  color: var(--butex-document2-error);\n  padding: 10px;\n}\n\n.butex-document2-widget__equation-modal {\n  align-items: center;\n  display: flex;\n  inset: 0;\n  justify-content: center;\n  padding: 16px;\n  position: fixed;\n  z-index: 30;\n}\n\n.butex-document2-widget__equation-modal-backdrop {\n  background: color-mix(in srgb, var(--butex-document2-fg) 34%, transparent);\n  border: 0;\n  cursor: pointer;\n  display: block;\n  height: 100%;\n  inset: 0;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n}\n\n.butex-document2-widget__equation-modal-panel {\n  background: var(--butex-document2-drawer-bg);\n  border: 1px solid var(--butex-document2-border);\n  border-radius: 12px;\n  box-shadow: 0 18px 48px color-mix(in srgb, var(--butex-document2-fg) 18%, transparent);\n  display: grid;\n  gap: 12px;\n  max-height: min(90vh, 900px);\n  max-width: min(720px, 100%);\n  overflow: auto;\n  padding: 14px;\n  position: relative;\n  width: min(680px, 100%);\n  z-index: 1;\n}\n\n/* Map document v2 tokens onto BuTeX equation editor chrome when embedded in this modal. */\n.butex-document2-widget__equation-modal-panel .butex-widget {\n  --butex-bg: var(--butex-document2-bg);\n  --butex-fg: var(--butex-document2-fg);\n  --butex-muted: var(--butex-document2-muted);\n  --butex-accent: var(--butex-document2-accent);\n  --butex-accent-hover: color-mix(in srgb, var(--butex-document2-accent) 82%, #000000);\n  --butex-toolbar-hover-bg: var(--butex-document2-accent-bg);\n  --butex-toolbar-hover-border: var(--butex-document2-accent);\n  --butex-danger: var(--butex-document2-danger);\n  --butex-danger-bg: color-mix(in srgb, var(--butex-document2-danger) 12%, transparent);\n  --butex-danger-border: color-mix(in srgb, var(--butex-document2-danger) 48%, transparent);\n  --butex-on-accent: #ffffff;\n  --butex-border: var(--butex-document2-border);\n  --butex-panel: var(--butex-document2-panel);\n  --butex-preview-bg: var(--butex-document2-preview-bg);\n  --butex-preview-fg: var(--butex-document2-preview-fg);\n  --butex-error: var(--butex-document2-error);\n  --butex-error-bg: var(--butex-document2-error-bg);\n  --butex-error-border: color-mix(in srgb, var(--butex-document2-error) 32%, var(--butex-document2-panel));\n  --butex-shadow-md: 0 4px 14px color-mix(in srgb, var(--butex-document2-fg) 10%, transparent);\n  --butex-dev-bg: var(--butex-document2-dev-bg);\n  --butex-dev-border: var(--butex-document2-dev-border);\n  --butex-dev-badge: var(--butex-dev-badge, #b45309);\n  --butex-dev-badge-fg: var(--butex-dev-badge-fg, #ffffff);\n  --butex-dev-muted: var(--butex-dev-muted, #92400e);\n  --butex-dev-inset-bg: var(--butex-document2-dev-code-bg);\n  --butex-dev-inset-border: color-mix(in srgb, var(--butex-document2-dev-border) 45%, transparent);\n  --butex-dev-inset-fg: var(--butex-document2-dev-code-fg);\n  --butex-surface-bg: linear-gradient(\n    180deg,\n    var(--butex-document2-panel) 0%,\n    color-mix(in srgb, var(--butex-document2-panel) 88%, var(--butex-document2-bg)) 100%\n  );\n  --butex-surface-fg: var(--butex-document2-fg);\n  --butex-focus-border: color-mix(in srgb, var(--butex-document2-accent) 45%, transparent);\n  --butex-focus-shadow: var(--butex-document2-focus-shadow);\n  --butex-slot-hover: var(--butex-document2-accent-bg);\n  --butex-selection-bg: color-mix(in srgb, var(--butex-document2-accent) 34%, transparent);\n  --butex-selection-border: color-mix(in srgb, var(--butex-document2-accent) 90%, #0f172a);\n  --butex-caret: var(--butex-document2-fg);\n  --butex-node-hover: color-mix(in srgb, var(--butex-document2-muted) 14%, transparent);\n  --butex-node-selected-bg: var(--butex-document2-accent-bg);\n  --butex-node-selected-border: color-mix(in srgb, var(--butex-document2-accent) 45%, transparent);\n  --butex-script-border: var(--butex-document2-border);\n  --butex-script-bg: color-mix(in srgb, var(--butex-document2-bg) 35%, var(--butex-document2-panel));\n  --butex-script-color: var(--butex-document2-muted);\n  --butex-delim-color: var(--butex-document2-muted);\n  --butex-frac-bar: currentColor;\n}\n\n.butex-document2-widget__dev {\n  background: var(--butex-document2-dev-bg);\n  border-color: var(--butex-document2-dev-border);\n}\n\n.butex-document2-widget__dev pre {\n  background: var(--butex-document2-dev-code-bg);\n  color: var(--butex-document2-dev-code-fg);\n  direction: ltr;\n  margin: 0;\n  max-height: 220px;\n  overflow: auto;\n  padding: 10px;\n  text-align: left;\n  white-space: pre-wrap;\n}\n\n.butex-document2-widget__dev-diagnostic {\n  background: rgba(251, 191, 36, 0.18);\n  border: 1px solid rgba(217, 119, 6, 0.4);\n  border-radius: 8px;\n  color: #92400e;\n  margin: 0;\n  padding: 8px 10px;\n}\n\n@media (max-width: 900px) {\n  .butex-document2-widget__layout {\n    grid-template-columns: 1fr;\n  }\n\n  .butex-document2-widget__layout--preview-closed .butex-document2-widget__preview-panel {\n    display: none;\n  }\n\n  .butex-document2-widget__layout--editor-closed .butex-document2-widget__editor-panel {\n    display: none;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .butex-document2-widget__layout,\n  .butex-document2-widget__editor-panel,\n  .butex-document2-widget__preview-panel {\n    transition: none;\n  }\n}\n";
+declare function injectBuTeXDocument2Styles(doc?: Document): void;
+
+export { ButexDocumentEditor2, type ButexDocumentEditor2Props, DOCUMENT2_WIDGET_CSS, type Document2InitialState, DocumentInsertToolbar, type DocumentInsertToolbarProps, DocumentPreview, EquationDrawer, InlineField, MathChip, MathIsland, injectBuTeXDocument2Styles, resolveInitialDocument2 };