@surrealdb/ui 1.0.76 → 1.0.78

package/dist/ui.d.ts

@@ -30,10 +30,13 @@ import { PaperProps } from '@mantine/core';
 import type * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
+import { SelectProps } from '@mantine/core';
 import { SlateElement } from '@yoopta/editor';
 import { StackProps } from '@mantine/core';
 import { StateField } from '@codemirror/state';
+import { TabsListProps } from '@mantine/core';
 import { TabsProps as TabsProps_2 } from '@mantine/core';
+import { TabsTabProps } from '@mantine/core';
 import { VideoHTMLAttributes } from 'react';
 import { YooEditor } from '@yoopta/editor';
 import { YooptaContentValue } from '@yoopta/editor';
@@ -65,7 +68,7 @@ declare type AnyFn = (...rest: any[]) => any;
 
 declare type AnyLanguage = Language | (string & {});
 
-export declare type AnyNode = BlockNode | InlineNode | SummaryNode | ListItemNode | TableRowNode | TableCellNode | TabItemNode;
+export declare type AnyNode = BlockNode | InlineNode | SummaryNode | ListItemNode | TableRowNode | TableCellNode;
 
 /**
  * Apply automatic folding to objects/arrays at the specified depth level
@@ -74,6 +77,8 @@ export declare type AnyNode = BlockNode | InlineNode | SummaryNode | ListItemNod
  */
 export declare function applyAutoFolding(view: EditorView, autoCollapseDepth: number): void;
 
+export declare type AttributeValue = string | JsxExpression | true;
+
 export declare const BlockEditor: FC<BlockEditorProps>;
 
 export declare interface BlockEditorProps {
@@ -86,22 +91,28 @@ export declare interface BlockEditorProps {
     children?: ReactNode;
 }
 
-export declare type BlockNode = HeadingNode | ParagraphNode | CodeNode | BlockquoteNode | ListNode | TableNode | ThematicBreakNode | DivNode | DetailsNode | ImageNode | CheckNode | RailroadDiagramNode | SurrealistMiniNode | VersionNode | SinceNode | LabelNode | TabsNode;
+export declare type BlockNode = HeadingNode | ParagraphNode | CodeNode | BlockquoteNode | ListNode | TableNode | ThematicBreakNode | DivNode | DetailsNode | ImageNode | JsxComponentNode;
 
 export declare type BlockOptionsComponent = FC<{
     blockId: string;
 }>;
 
+export declare const BlockOptionsContext: React.Context<BlockOptionsContextValue>;
+
+export declare interface BlockOptionsContextValue {
+    headingLinks?: boolean;
+    checkable?: boolean;
+}
+
+export declare const BlockOptionsProvider: React.Provider<BlockOptionsContextValue>;
+
 declare type BlockquoteElementMap = {
     blockquote: BlockquoteElement;
 };
 
-export declare interface BlockquoteNode {
+export declare interface BlockquoteNode extends CommonAttrs {
     type: "blockquote";
     children: BlockNode[];
-    className?: string;
-    id?: string;
-    style?: string;
     noteKind?: NoteKind;
     noteTitle?: string;
 }
@@ -112,7 +123,7 @@ export declare interface BlockRendererProps {
     value: YooptaContentValue;
     marks?: YooptaMark<any>[];
     plugins?: YooptaPlugin<Record<string, SlateElement>, Record<string, unknown>>[];
-    withHeadingLinks?: boolean;
+    blockOptions?: BlockOptionsContextValue;
     className?: string;
 }
 
@@ -312,23 +323,12 @@ export declare const brandYouTube: string;
 
 export declare const BreadcrumbButton: FC<ButtonProps & ElementProps<"button">>;
 
-export declare interface BreakNode {
+export declare interface BreakNode extends CommonAttrs {
     type: "break";
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare function Check({ children, ...props }: CheckProps): ReactNode;
 
-export declare interface CheckNode {
-    type: "check";
-    children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
-}
-
 export declare interface CheckProps extends GroupProps {
     children?: ReactNode;
 }
@@ -365,15 +365,12 @@ export declare interface CodeEditorProps extends BoxProps {
     ref?: RefObject<EditorView>;
 }
 
-export declare interface CodeNode {
+export declare interface CodeNode extends CommonAttrs {
     type: "code";
     value: string;
     lang?: string;
     title?: string;
     runnable?: string;
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare const COLOR_OPTIONS: OptionItem[];
@@ -387,24 +384,17 @@ declare interface CommentNode {
     text: string;
 }
 
+export declare interface CommonAttrs {
+    className?: AttributeValue;
+    id?: AttributeValue;
+    style?: AttributeValue;
+}
+
 /**
  * Common extensions applied to all CodeMirror editors
  */
 export declare const commonExtensions: () => Extension;
 
-declare type ComponentFunction<T extends AnyNode["type"]> = NodeOfType<T> extends {
-    children: unknown[];
-} ? (props: {
-    node: NodeOfType<T>;
-    children: ReactNode;
-}) => ReactNode : (props: {
-    node: NodeOfType<T>;
-}) => ReactNode;
-
-declare type ComponentMap = {
-    [T in AnyNode["type"]]: ComponentFunction<T>;
-};
-
 /**
  * Create a style highlighter for the given color scheme and syntax theme
  */
@@ -461,12 +451,9 @@ export declare const Details: FC<DetailsProps> & {
     Summary: FC<SummaryProps>;
 };
 
-export declare interface DetailsNode {
+export declare interface DetailsNode extends CommonAttrs {
     type: "details";
     children: Array<SummaryNode | BlockNode>;
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare interface DetailsProps extends Omit<BoxProps, "component" | "children"> {
@@ -479,12 +466,9 @@ export declare interface DiagramNode {
     children: RailroadNode[];
 }
 
-export declare interface DivNode {
+export declare interface DivNode extends CommonAttrs {
     type: "div";
     children: BlockNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare interface EditorController {
@@ -521,24 +505,11 @@ export declare type EditorStateSnapshot = Record<string, unknown>;
  */
 export declare function editorTheme(theme: ThemeConfig_2, colorScheme: MantineColorScheme): Extension;
 
-export declare interface EmphasisNode {
+export declare interface EmphasisNode extends CommonAttrs {
     type: "emphasis";
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-/**
- * Enter a node (push to stack and set container)
- */
-export declare function enterNode(state: ParserState, nodeType: string, node: BlockNode | SummaryNode): void;
-
-/**
- * Exit a node (pop from stack and validate)
- */
-export declare function exitNode(state: ParserState, expectedType: string): void;
-
 export declare interface ExtractedCode {
     test?: string;
     code: string;
@@ -565,15 +536,10 @@ export declare function getBrandsafeImageURL(imageId: string | undefined, width?
 
 export declare function getBrandsafeVideoURL(videoId: string | undefined, format?: "mp4" | "webm" | "mov", controls?: boolean): string | undefined;
 
-export declare const HeadingLinksProvider: React.Provider<boolean>;
-
-export declare interface HeadingNode {
+export declare interface HeadingNode extends CommonAttrs {
     type: "heading";
     depth: 1 | 2 | 3 | 4 | 5 | 6;
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare const Highlighting: FC<HighlightingProps>;
@@ -850,7 +816,7 @@ export declare interface IconProps extends BoxProps, Omit<HTMLAttributes<SVGElem
     color?: MantineColor;
     spin?: boolean;
     path: string;
-    flip?: "horizontal" | "vertical";
+    flip?: "horizontal" | "vertical" | "both";
 }
 
 export declare const iconQuery: string;
@@ -935,83 +901,78 @@ export declare const iconWrench: string;
 
 export declare const iconXml: string;
 
-export declare interface ImageNode {
+export declare interface ImageNode extends CommonAttrs {
     type: "image";
     src: string;
     darkSrc?: string;
     alt: string;
     title?: string;
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare interface InlineCodeNode {
+export declare interface InlineCodeNode extends CommonAttrs {
     type: "inlineCode";
     value: string;
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare type InlineNode = TextNode | LinkNode | InlineCodeNode | StrongNode | EmphasisNode | BreakNode | SpanNode | ImageNode;
+export declare type InlineNode = TextNode | LinkNode | InlineCodeNode | StrongNode | EmphasisNode | BreakNode | SpanNode | ImageNode | JsxExpressionNode;
 
-/**
- * Check if a code point is an emoji
- * Simplified ranges - merged consecutive ranges
- */
-export declare function isEmojiCodePoint(code: number): boolean;
+export declare interface JsxComponentNode extends CommonAttrs {
+    type: "jsxComponent";
+    name: string;
+    attributes: Record<string, AttributeValue>;
+    children: AnyNode[];
+    position?: NodePosition;
+}
+
+export declare interface JsxExpression {
+    type: "expression";
+    value: string;
+}
+
+export declare interface JsxExpressionNode extends CommonAttrs {
+    type: "jsxExpression";
+    value: string;
+    position?: NodePosition;
+}
 
 /**
- * Check if a tag is self-closing
+ * Controls how `<Component />` tags and `{expression}` values in markdown are handled.
+ *
+ * - `"render"` — Evaluate and render JSX normally (default).
+ * - `"throw"`  — Throw an error when a JSX node is encountered.
+ * - `"graceful"` — Render an inline error box instead of the JSX node.
+ * - `"omit"` — Silently skip JSX nodes (render nothing).
  */
-export declare function isSelfClosingTag(tagName: string): boolean;
+export declare type JsxMode = "render" | "throw" | "graceful" | "omit";
 
 export declare function Label({ label, ...props }: LabelProps): ReactNode;
 
-export declare interface LabelNode {
-    type: "label";
-    label: string;
-    className?: string;
-    id?: string;
-    style?: string;
-}
-
 export declare interface LabelProps extends Omit<BadgeProps, "children"> {
     label: string;
 }
 
 declare type Language = "csharp" | "rust" | "javascript" | "typescript" | "surrealql" | "json" | "yaml" | "java" | "go" | "python" | "html" | "cli" | "php" | "syntax";
 
-export declare interface LinkNode {
+export declare interface LinkNode extends CommonAttrs {
     type: "link";
     url: string;
     title?: string;
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare interface ListItemNode {
+export declare interface ListItemNode extends CommonAttrs {
     type: "listItem";
     checked?: boolean;
     spread?: boolean;
     children: AnyNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare interface ListNode {
+export declare interface ListNode extends CommonAttrs {
     type: "list";
     variant?: "ordered" | "unordered" | "checklist";
     start?: number;
     spread?: boolean;
     children: ListItemNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 /**
@@ -1067,11 +1028,9 @@ export declare interface MantineTableProps {
  * Main Markdown component that parses markdown and renders it
  * Applies stylesheet and spacing
  */
-export declare function Markdown({ content, components, componentProps, }: MarkdownProps): React_2.ReactElement;
+export declare function Markdown({ content, renderers, rendererProps, components, scope, }: MarkdownProps): React_2.ReactElement;
 
-declare interface MarkdownComponentProps {
-    code?: Partial<CodeBlockProps>;
-}
+declare type MarkdownComponents = Record<string, React.ComponentType<any>>;
 
 export declare interface MarkdownProps {
     /**
@@ -1079,10 +1038,50 @@ export declare interface MarkdownProps {
      */
     content: string;
     /**
-     * Optional custom component overrides
+     * Override how built-in markdown elements are rendered.
+     * Keys are AST node types (`"heading"`, `"code"`, `"table"`, etc.).
      */
-    components?: Partial<Record<string, React_2.ComponentType<unknown>>>;
-    componentProps?: MarkdownComponentProps;
+    renderers?: MarkdownRenderers;
+    /**
+     * Extra props forwarded to specific built-in renderers (e.g. code block options).
+     */
+    rendererProps?: MarkdownRendererProps;
+    /**
+     * React components available for use as `<Component />` tags in the markdown content.
+     * Keys should match PascalCase tag names (e.g. `{ StatusCard, Alert }`).
+     */
+    components?: MarkdownComponents;
+    /**
+     * Variable context for evaluating `{expression}` values in JSX attributes
+     * and inline expressions (e.g. `{ userName: "Alice", count: 42 }`).
+     */
+    scope?: Record<string, unknown>;
+}
+
+/**
+ * Extra props forwarded to specific built-in renderers (e.g. code block options).
+ */
+export declare interface MarkdownRendererProps {
+    code?: Partial<CodeBlockProps>;
+    /**
+     * How `<Component />` tags and `{expression}` values are handled.
+     *
+     * @default "render"
+     */
+    jsx?: JsxMode;
+}
+
+declare type MarkdownRenderers = Partial<RendererMap>;
+
+export declare interface MDXProvidedComponents {
+    Check: typeof Check;
+    Label: typeof Label;
+    RailroadDiagram: typeof RailroadDiagram;
+    Since: typeof Since;
+    SurrealistMini: typeof SurrealistMini;
+    TabItem: typeof TabItem_2;
+    Tabs: typeof Tabs_2;
+    Version: typeof Version;
 }
 
 export declare interface MiniConfig {
@@ -1138,6 +1137,11 @@ declare type NodeOfType<T extends AnyNode["type"]> = Extract<AnyNode, {
     type: T;
 }>;
 
+export declare interface NodePosition {
+    start: number;
+    end: number;
+}
+
 export declare const NON_TEXT_BLOCKS: Set<string>;
 
 declare interface NonTerminalNode {
@@ -1177,84 +1181,16 @@ declare type OptionItem = {
     value: string;
 };
 
-export declare interface ParagraphNode {
+export declare interface ParagraphNode extends CommonAttrs {
     type: "paragraph";
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-/**
- * Parse HTML-style attributes from a string
- * Handles: name="value", name='value', name=value
- * Properly handles escaped quotes: name="value with \"escaped\" quotes"
- */
-export declare function parseAttributes(attrString: string): Record<string, string>;
-
-export declare function parseBlockquote(state: ParserState): void;
-
-export declare function parseCheckTag(state: ParserState, attrs: Record<string, string>): void;
-
-export declare function parseCodeBlock(state: ParserState): void;
-
-export declare function parseDetailsTag(state: ParserState, attrs: Record<string, string>): void;
-
-export declare function parseDivTag(state: ParserState, attrs: Record<string, string>): void;
-
-export declare function parseEmphasis(text: string, startIndex: number): {
-    node: EmphasisNode;
-    endIndex: number;
-} | null;
-
-export declare function parseHeading(state: ParserState): void;
-
-/**
- * Parse an HTML `<table>` element into the same TableNode AST
- * that the markdown `| ... |` table parser produces.
- *
- * Handles `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>`, and common
- * inline HTML elements inside cells (`<strong>`, `<em>`, `<mark>`,
- * `<code>`, `<a>`).
- */
-export declare function parseHtmlTable(state: ParserState, attrs: Record<string, string>): void;
-
-export declare function parseHtmlTag(state: ParserState): void;
-
-export declare function parseHtmlTagInline(text: string, startIndex: number): {
-    node: BreakNode | SpanNode;
-    endIndex: number;
-} | null;
-
-export declare function parseImage(text: string, startIndex: number): {
-    node: ImageNode;
-    endIndex: number;
-} | null;
-
-export declare function parseInlineCode(text: string, startIndex: number): {
-    node: InlineCodeNode;
-    endIndex: number;
-} | null;
-
-/**
- * Parse inline markdown content
- */
-export declare function parseInlines(text: string): InlineNode[];
-
-export declare function parseLink(text: string, startIndex: number): {
-    node: LinkNode;
-    endIndex: number;
-} | null;
-
-export declare function parseList(state: ParserState): void;
-
 /**
  * Parse markdown string to AST
  */
 export declare function parseMarkdown(markdown: string): Root;
 
-export declare function parseParagraph(state: ParserState): void;
-
 export declare interface ParserState {
     lines: string[];
     currentIndex: number;
@@ -1263,35 +1199,6 @@ export declare interface ParserState {
     currentContainer: BlockNode[];
 }
 
-export declare function parseStrong(text: string, startIndex: number): {
-    node: StrongNode;
-    endIndex: number;
-} | null;
-
-export declare function parseSummaryTag(state: ParserState, attrs: Record<string, string>): void;
-
-export declare function parseTable(state: ParserState): void;
-
-export declare function parseTableAlignment(line: string): Array<"left" | "right" | "center" | null>;
-
-/**
- * Parse a table row into cells
- * Note: Escaped pipes (\|) are not currently supported - they will be treated as cell separators
- * @param line - The table row line
- * @param isHeader - Whether this is a header row
- * @returns Array of table cell nodes
- */
-export declare function parseTableRow(line: string, isHeader?: boolean): TableCellNode[];
-
-export declare function parseTabsTag(state: ParserState, attrs: Record<string, string>): void;
-
-export declare function parseText(text: string, startIndex: number): {
-    node: TextNode;
-    endIndex: number;
-};
-
-export declare function parseThematicBreak(state: ParserState): void;
-
 export declare const picto2106: string;
 
 export declare const picto360DegreeView: string;
@@ -1748,60 +1655,37 @@ export declare function processHighlightRegions(code: string): {
     processedCode: string;
 };
 
-/**
- * Validate and process code attributes
- */
-export declare function pushCode(attrs: Record<string, string>, value: string, lang?: string): CodeNode;
-
-/**
- * Validate and process details attributes
- */
-export declare function pushDetails(attrs: Record<string, string>): DetailsNode;
-
-export declare function pushDiv(attrs: Record<string, string>): DivNode;
-
-/**
- * Validate and process image attributes
- */
-export declare function pushImage(attrs: Record<string, string>): ImageNode;
-
-/**
- * Validate and process summary attributes
- */
-export declare function pushSummary(attrs: Record<string, string>): SummaryNode;
-
 export declare function RailroadDiagram({ ast, ...props }: RailroadDiagramProps): ReactNode;
 
-export declare interface RailroadDiagramNode {
-    type: "railroadDiagram";
-    ast?: DiagramNode;
-    className?: string;
-    id?: string;
-    style?: string;
-}
-
 export declare interface RailroadDiagramProps extends BoxProps {
     ast?: DiagramNode;
 }
 
 export declare type RailroadNode = DiagramNode | SequenceNode | TerminalNode | NonTerminalNode | OptionalNode | ChoiceNode | OneOrMoreNode | ZeroOrMoreNode | CommentNode;
 
+export declare function registerBlockOptions(blockType: string, component: BlockOptionsComponent): void;
+
+export declare type RendererFunction<T extends AnyNode["type"]> = NodeOfType<T> extends {
+    children: unknown[];
+} ? (props: {
+    node: NodeOfType<T>;
+    children: ReactNode;
+}) => ReactNode : (props: {
+    node: NodeOfType<T>;
+}) => ReactNode;
+
 /**
- * Read tag name from HTML tag starting at index
- * Returns tag name and end index
+ * Maps each AST node type to its renderer function.
  */
-export declare function readTagName(text: string, startIndex: number): {
-    tagName: string;
-    endIndex: number;
+export declare type RendererMap = {
+    [T in AnyNode["type"]]: RendererFunction<T>;
 };
 
-export declare function registerBlockOptions(blockType: string, component: BlockOptionsComponent): void;
-
 /**
  * Render parsed markdown AST to React elements
  * Direct AST-to-React conversion with component mapping
  */
-export declare function RenderMarkdown({ ast, components, componentProps, ...props }: RenderMarkdownProps): React_2.ReactElement | null;
+export declare function RenderMarkdown({ ast, renderers, rendererProps, components, scope, ...props }: RenderMarkdownProps): React_2.ReactElement | null;
 
 export declare interface RenderMarkdownProps extends StackProps {
     /**
@@ -1809,10 +1693,47 @@ export declare interface RenderMarkdownProps extends StackProps {
      */
     ast: Root;
     /**
-     * Optional custom component overrides
+     * Override how built-in markdown elements are rendered.
+     * Keys are AST node types (`"heading"`, `"code"`, `"table"`, etc.).
+     * Each renderer receives the typed AST node and its children.
+     */
+    renderers?: MarkdownRenderers;
+    /**
+     * Extra props forwarded to specific built-in renderers (e.g. code block options).
+     */
+    rendererProps?: MarkdownRendererProps;
+    /**
+     * React components available for use as `<Component />` tags in the markdown content.
+     * Keys should match PascalCase tag names (e.g. `{ StatusCard, Alert }`).
+     */
+    components?: MarkdownComponents;
+    /**
+     * Variable context for evaluating `{expression}` values in JSX attributes
+     * and inline expressions (e.g. `{ userName: "Alice", count: 42 }`).
      */
-    components?: Partial<ComponentMap>;
-    componentProps?: MarkdownComponentProps;
+    scope?: Record<string, unknown>;
+}
+
+export declare interface ResponsiveTabItem {
+    value: string;
+    label: ReactNode;
+    selectLabel?: string;
+    tabProps?: Omit<TabsTabProps, "value" | "children">;
+}
+
+export declare function ResponsiveTabs({ tabs, value, defaultValue, onChange, breakpoint, showSelectWhen, mediaQuery, tabsListProps, tabProps, selectProps, ...tabsProps }: ResponsiveTabsProps): ReactNode;
+
+export declare interface ResponsiveTabsProps extends Omit<TabsProps_2, "children" | "value" | "defaultValue" | "onChange"> {
+    tabs: ResponsiveTabItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string | null) => void;
+    breakpoint?: number | string;
+    showSelectWhen?: "above" | "below";
+    mediaQuery?: string;
+    tabsListProps?: TabsListProps;
+    tabProps?: Omit<TabsTabProps, "value" | "children">;
+    selectProps?: Omit<SelectProps, "data" | "value" | "defaultValue" | "onChange">;
 }
 
 export declare interface Root {
@@ -1835,15 +1756,6 @@ export declare function setEditorText(editor: EditorView, text: string): void;
 
 export declare function Since({ v, prefix, ...props }: SinceProps): ReactNode;
 
-export declare interface SinceNode {
-    type: "since";
-    v: string;
-    prefix?: string;
-    className?: string;
-    id?: string;
-    style?: string;
-}
-
 export declare interface SinceProps extends Omit<BadgeProps, "children"> {
     v: string;
     prefix?: string;
@@ -1866,24 +1778,18 @@ export declare interface SortOptions<T = DefaultSort> {
 
 export declare const Spacer: FC<BoxProps>;
 
-export declare interface SpanNode {
+export declare interface SpanNode extends CommonAttrs {
     type: "span";
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare type StateFields = {
     [prop: string]: StateField<any>;
 };
 
-export declare interface StrongNode {
+export declare interface StrongNode extends CommonAttrs {
     type: "strong";
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 /**
@@ -1891,12 +1797,9 @@ export declare interface StrongNode {
  */
 export declare const suggestCompletions: Command;
 
-export declare interface SummaryNode {
+export declare interface SummaryNode extends CommonAttrs {
     type: "summary";
     children: InlineNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare interface SummaryProps extends Omit<BoxProps, "component" | "children"> {
@@ -1921,23 +1824,6 @@ export declare interface SurrealCodeBlockProps {
 
 export declare function SurrealistMini({ config, frameRef, ...props }: SurrealistMiniProps): ReactNode;
 
-export declare interface SurrealistMiniNode {
-    type: "surrealistMini";
-    url?: string;
-    dataset?: string;
-    setup?: string;
-    query?: string;
-    variables?: string;
-    theme?: string;
-    orientation?: string;
-    appearance?: string;
-    transparent?: string;
-    autorun?: string;
-    className?: string;
-    id?: string;
-    style?: string;
-}
-
 export declare interface SurrealistMiniProps extends BoxProps {
     config?: MiniConfig;
     frameRef?: RefObject<HTMLIFrameElement | null>;
@@ -1967,51 +1853,40 @@ export declare interface TabItem {
     content: ReactNode;
 }
 
-export declare interface TabItemNode {
+declare function TabItem_2({ children, className, id, style }: Record<string, unknown>): ReactNode;
+
+export declare interface TabItemNode extends CommonAttrs {
     type: "tabItem";
     label: string;
     icon?: string;
     children: BlockNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare interface TableCellNode {
+export declare interface TableCellNode extends CommonAttrs {
     type: "tableCell";
     children: AnyNode[];
-    className?: string;
-    id?: string;
-    style?: string;
     isHeader: boolean;
 }
 
-export declare interface TableNode {
+export declare interface TableNode extends CommonAttrs {
     type: "table";
     align?: Array<"left" | "right" | "center" | null>;
     children: TableRowNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare interface TableRowNode {
+export declare interface TableRowNode extends CommonAttrs {
     type: "tableRow";
     children: TableCellNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare function Tabs({ items, syncKey, ...props }: TabsProps): ReactNode;
 
-export declare interface TabsNode {
+declare function Tabs_2({ syncKey, children, className, id, style, }: Record<string, unknown>): ReactNode;
+
+export declare interface TabsNode extends CommonAttrs {
     type: "tabs";
     syncKey?: string;
     children: TabItemNode[];
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare interface TabsProps extends Omit<TabsProps_2, "children" | "value" | "onChange"> {
@@ -2024,19 +1899,13 @@ declare interface TerminalNode {
     text: string;
 }
 
-export declare interface TextNode {
+export declare interface TextNode extends CommonAttrs {
     type: "text";
     value: string;
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
-export declare interface ThematicBreakNode {
+export declare interface ThematicBreakNode extends CommonAttrs {
     type: "thematicBreak";
-    className?: string;
-    id?: string;
-    style?: string;
 }
 
 export declare type ThemeConfig = {
@@ -2069,6 +1938,8 @@ export declare interface ThemedImageProps extends ImageProps {
  */
 export declare type TypeVisitor<T extends AnyNode> = (node: T, index: number | undefined, parent: AnyNode | Root | null) => undefined | boolean | void;
 
+export declare function useBlockOptions(): BlockOptionsContextValue;
+
 export declare function useEditor(options?: EditorOptions): EditorController;
 
 /**
@@ -2109,14 +1980,6 @@ export declare const VARIANT_OPTIONS: OptionItem[];
 
 export declare function Version({ version, ...props }: VersionProps): ReactNode;
 
-export declare interface VersionNode {
-    type: "version";
-    version?: string;
-    className?: string;
-    id?: string;
-    style?: string;
-}
-
 export declare interface VersionProps extends CodeProps {
     version: string;
 }