@meonode/ui/dist/components/html.node.d.ts

A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.

// Layout components
/**
 * Represents a div element.
 * @param props Optional properties for the div element.
 * @returns A div element node.
 */
export declare const Div: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Alias for \`Div(...)\`. Recommended for general-purpose container elements.
 *
 * **Example:**
 * ```typescript
 * Container({
 *   padding: 'theme.spacing.md',
 *   backgroundColor: 'lightgray',
 *   children: [H2('Welcome'), P('This is a container example.')]
 * })
 * ```
 */
export declare const Container: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a root div element with full viewport dimensions and column flex layout.
 * By default, applies flex column layout and 100% viewport dimensions.
 * @param props Optional properties for the root div element that merge with defaults.
 * @returns A div element node configured as root container.
 * @example
 * ```typescript
 * Root({
 *   backgroundColor: 'white',
 *   children: [Header(), Main(), Footer()]
 * })
 * ```
 */
export declare const Root: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a column layout using flexbox.
 * @param props Optional properties for the column layout.
 * @returns A div element node with flexbox column layout.
 */
export declare const Column: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a row layout using flexbox.
 * @param props Optional properties for the row layout.
 * @returns A div element node with flexbox row layout.
 */
export declare const Row: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a grid layout.
 * @param props Optional properties for the grid layout.
 * @returns A div element node with grid layout.
 */
export declare const Grid: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a centered container with flexbox alignment.
 * By default, centers content both horizontally and vertically.
 * @param props Optional properties for the div element.
 * @returns A div element node configured for centered content.
 */
export declare const Center: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a fixed positioned element.
 * @param props Optional properties for the fixed positioned element.
 * @returns A div element node with fixed positioning.
 */
export declare const Fixed: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a relatively positioned element.
 * @param props Optional properties for the relatively positioned element.
 * @returns A div element node with relative positioning.
 */
export declare const Relative: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents an absolutely positioned element.
 * @param props Optional properties for the absolutely positioned element.
 * @returns A div element node with absolute positioning.
 */
export declare const Absolute: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a sticky positioned element.
 * @param props Optional properties for the sticky positioned element.
 * @returns A div element node with sticky positioning.
 */
export declare const Sticky: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
/**
 * Represents a statically positioned element.
 * @param props Optional properties for the statically positioned element.
 * @returns A div element node with static positioning.
 */
export declare const Static: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"div", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"div">) & {
    element: "div";
};
// Typography
/**
 * Creates an h1 heading element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the heading.
 * @param props Optional properties for the h1 element.
 * @returns An h1 element node.
 */
export declare const H1: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"h1", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"h1">) & {
    element: "h1";
};
/**
 * Creates an h2 heading element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the heading.
 * @param props Optional properties for the h2 element.
 * @returns An h2 element node.
 */
export declare const H2: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"h2", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"h2">) & {
    element: "h2";
};
/**
 * Creates an h3 heading element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the heading.
 * @param props Optional properties for the h3 element.
 * @returns An h3 element node.
 */
export declare const H3: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"h3", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"h3">) & {
    element: "h3";
};
/**
 * Creates an h4 heading element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the heading.
 * @param props Optional properties for the h4 element.
 * @returns An h4 element node.
 */
export declare const H4: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"h4", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"h4">) & {
    element: "h4";
};
/**
 * Creates an h5 heading element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the heading.
 * @param props Optional properties for the h5 element.
 * @returns An h5 element node.
 */
export declare const H5: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"h5", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"h5">) & {
    element: "h5";
};
/**
 * Creates an h6 heading element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the heading.
 * @param props Optional properties for the h6 element.
 * @returns An h6 element node.
 */
export declare const H6: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"h6", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"h6">) & {
    element: "h6";
};
/**
 * Creates a strong element node for important text.
 * @param children The content to be rendered within the element (text, numbers, components, etc) to emphasize.
 * @param props Optional properties for the strong element.
 * @returns A strong element node.
 */
export declare const Strong: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"strong", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"strong">) & {
    element: "strong";
};
/**
 * Creates an em element node for emphasized text.
 * @param children The content to be rendered within the element (text, numbers, components, etc) to emphasize.
 * @param props Optional properties for the em element.
 * @returns An em element node.
 */
export declare const Em: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"em", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"em">) & {
    element: "em";
};
/**
 * Creates a small element node for side-comments and small print.
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for styling and configuring the small element.
 * @returns A small element node that can be rendered in React.
 */
export declare const Small: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"small", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"small">) & {
    element: "small";
};
/**
 * Creates a mark element node for highlighted text.
 * @param children The content to be rendered within the element (text, numbers, components, etc) to highlight.
 * @param props Optional properties for the mark element.
 * @returns A mark element node.
 */
export declare const Mark: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"mark", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"mark">) & {
    element: "mark";
};
/**
 * Creates a span element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the span.
 * @param props Optional properties for the span element.
 * @returns A span element node.
 */
export declare const Span: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"span", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"span">) & {
    element: "span";
};
/**
 * Creates a paragraph element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the paragraph.
 * @param props Optional properties for the p element.
 * @returns A paragraph element node.
 */
export declare const P: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"p", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"p">) & {
    element: "p";
};
/**
 * Renders a semantic block of text using a `<p>` element.
 * Alias for `P(...)`, recommended for general-purpose text content.
 * @example
 * ```typescript
 * Text('This is a sample text paragraph.', { fontSize: 'theme.text.base', color: 'theme.text.primary' })
 * ```
 */
export declare const Text: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"p", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"p">) & {
    element: "p";
};
/**
 * Creates a preformatted text element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the pre element.
 * @param props Optional properties for the pre element.
 * @returns A pre element node.
 */
export declare const Pre: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"pre", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"pre">) & {
    element: "pre";
};
/**
 * Creates a code element node for displaying code snippets.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the code.
 * @param props Optional properties for the code element.
 * @returns A code element node.
 */
export declare const Code: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"code", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"code">) & {
    element: "code";
};
/**
 * Represents a line break element.
 * @param props Optional properties for the br element.
 * @returns A br element node.
 */
export declare const Br: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"br", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"br">) & {
    element: "br";
};
// Lists
/**
 * Represents an ordered list.
 * @param props Optional properties for the ol element.
 * @returns An ol element node.
 */
export declare const Ol: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"ol", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"ol">) & {
    element: "ol";
};
/**
 * Represents an unordered list.
 * @param props Optional properties for the ul element.
 * @returns A ul element node.
 */
export declare const Ul: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"ul", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"ul">) & {
    element: "ul";
};
/**
 * Represents a list item.
 * @param props Optional properties for the li element.
 * @returns An li element node.
 */
export declare const Li: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"li", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"li">) & {
    element: "li";
};
/**
 * Represents a description list.
 * @param props Optional properties for the dl element.
 * @returns A dl element node.
 */
export declare const Dl: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"dl", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"dl">) & {
    element: "dl";
};
/**
 * Represents a term in a description list.
 * @param props Optional properties for the dt element.
 * @returns A dt element node.
 */
export declare const Dt: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"dt", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"dt">) & {
    element: "dt";
};
/**
 * Represents a description in a description list.
 * @param props Optional properties for the dd element.
 * @returns A dd element node.
 */
export declare const Dd: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"dd", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"dd">) & {
    element: "dd";
};
// Forms and inputs
/**
 * Represents an HTML form.
 * @param props Optional properties for the form element.
 * @returns A form element node.
 */
export declare const Form: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"form", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"form">) & {
    element: "form";
};
/**
 * Represents a label for an input element.
 * @param props Optional properties for the label element.
 * @returns A label element node.
 */
export declare const Label: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"label", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"label">) & {
    element: "label";
};
/**
 * Represents an input element.
 * @param props Optional properties for the input element.
 * @returns An input element node.
 */
export declare const Input: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"input", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"input">) & {
    element: "input";
};
/**
 * Creates a button element node.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the button.
 * @param props Optional properties for the button element.
 * @returns A button element node.
 */
export declare const Button: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"button", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"button">) & {
    element: "button";
};
/**
 * Represents a textarea element for multiline text input.
 * @param props Optional properties for the textarea element.
 * @returns A textarea element node.
 */
export declare const Textarea: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"textarea", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"textarea">) & {
    element: "textarea";
};
/**
 * Represents a select dropdown element.
 * @param props Optional properties for the select element.
 * @returns A select element node.
 */
export declare const Select: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"select", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"select">) & {
    element: "select";
};
/**
 * Represents an option within a select element.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the option.
 * @param props Optional properties for the option element.
 * @returns An option element node.
 */
export declare const Option: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"option", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"option">) & {
    element: "option";
};
/**
 * Represents a fieldset element for grouping form elements.
 * @param props Optional properties for the fieldset element.
 * @returns A fieldset element node.
 */
export declare const Fieldset: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"fieldset", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"fieldset">) & {
    element: "fieldset";
};
/**
 * Represents a legend for a fieldset.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the legend.
 * @param props Optional properties for the legend element.
 * @returns A legend element node.
 */
export declare const Legend: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"legend", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"legend">) & {
    element: "legend";
};
/**
 * Represents an option group within a select element.
 * @param props Optional properties for the optgroup element.
 * @returns An optgroup element node.
 */
export declare const Optgroup: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"optgroup", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"optgroup">) & {
    element: "optgroup";
};
// Tables
/**
 * Represents a table element.
 * @param props Optional properties for the table element.
 * @returns A table element node.
 */
export declare const Table: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"table", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"table">) & {
    element: "table";
};
/**
 * Represents a table header section.
 * @param props Optional properties for the thead element.
 * @returns A thead element node.
 */
export declare const Thead: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"thead", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"thead">) & {
    element: "thead";
};
/**
 * Represents a table body section.
 * @param props Optional properties for the tbody element.
 * @returns A tbody element node.
 */
export declare const Tbody: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"tbody", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"tbody">) & {
    element: "tbody";
};
/**
 * Represents a table footer section.
 * @param props Optional properties for the tfoot element.
 * @returns A tfoot element node.
 */
export declare const Tfoot: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"tfoot", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"tfoot">) & {
    element: "tfoot";
};
/**
 * Represents a table row.
 * @param props Optional properties for the tr element.
 * @returns A tr element node.
 */
export declare const Tr: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"tr", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"tr">) & {
    element: "tr";
};
/**
 * Represents a table header cell.
 * @param props Optional properties for the th element.
 * @returns A th element node.
 */
export declare const Th: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"th", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"th">) & {
    element: "th";
};
/**
 * Represents a table data cell.
 * @param props Optional properties for the td element.
 * @returns A td element node.
 */
export declare const Td: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"td", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"td">) & {
    element: "td";
};
/**
 * Represents a table caption.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the caption.
 * @param props Optional properties for the caption element.
 * @returns A caption element node.
 */
export declare const Caption: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"caption", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"caption">) & {
    element: "caption";
};
/**
 * Represents a table column group.
 * @param props Optional properties for the colgroup element.
 * @returns A colgroup element node.
 */
export declare const Colgroup: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"colgroup", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"colgroup">) & {
    element: "colgroup";
};
/**
 * Represents a table column.
 * @param props Optional properties for the col element.
 * @returns A col element node.
 */
export declare const Col: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"col", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"col">) & {
    element: "col";
};
// Media elements
/**
 * Represents an image element.
 * @param props Optional properties for the img element.
 * @returns An img element node.
 */
export declare const Img: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"img", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"img">) & {
    element: "img";
};
/**
 * Represents a video element.
 * @param props Optional properties for the video element.
 * @returns A video element node.
 */
export declare const Video: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"video", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"video">) & {
    element: "video";
};
/**
 * Represents an audio element.
 * @param props Optional properties for the audio element.
 * @returns An audio element node.
 */
export declare const Audio: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"audio", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"audio">) & {
    element: "audio";
};
/**
 * Represents a picture element.
 * @param props Optional properties for the picture element.
 * @returns A picture element node.
 */
export declare const Picture: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"picture", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"picture">) & {
    element: "picture";
};
/**
 * Represents a source element.
 * @param props Optional properties for the source element.
 * @returns A source element node.
 */
export declare const Source: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"source", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"source">) & {
    element: "source";
};
/**
 * Represents a text track element.
 * @param props Optional properties for the track element.
 * @returns A track element node.
 */
export declare const Track: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"track", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"track">) & {
    element: "track";
};
/**
 * Represents a canvas element.
 * @param props Optional properties for the canvas element.
 * @returns A canvas element node.
 */
export declare const Canvas: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"canvas", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"canvas">) & {
    element: "canvas";
};
/**
 * Represents an iframe element.
 * @param props Optional properties for the iframe element.
 * @returns An iframe element node.
 */
export declare const Iframe: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"iframe", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"iframe">) & {
    element: "iframe";
};
// SVG elements
/**
 * Represents an SVG container element.
 * @param props Optional properties for the svg element.
 * @returns An svg element node.
 */
export declare const Svg: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"svg", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"svg">) & {
    element: "svg";
};
/**
 * Represents an SVG path element.
 * @param props Optional properties for the path element.
 * @returns A path element node.
 */
export declare const SvgPath: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"path", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"path">) & {
    element: "path";
};
/**
 * Represents an SVG circle element.
 * @param props Optional properties for the circle element.
 * @returns A circle element node.
 */
export declare const SvgCircle: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"circle", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"circle">) & {
    element: "circle";
};
/**
 * Represents an SVG ellipse element.
 * @param props Optional properties for the ellipse element.
 * @returns An ellipse element node.
 */
export declare const SvgEllipse: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"ellipse", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"ellipse">) & {
    element: "ellipse";
};
/**
 * Represents an SVG line element.
 * @param props Optional properties for the line element.
 * @returns A line element node.
 */
export declare const SvgLine: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"line", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"line">) & {
    element: "line";
};
/**
 * Represents an SVG polyline element.
 * @param props Optional properties for the polyline element.
 * @returns A polyline element node.
 */
export declare const SvgPolyline: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"polyline", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"polyline">) & {
    element: "polyline";
};
/**
 * Represents an SVG polygon element.
 * @param props Optional properties for the polygon element.
 * @returns A polygon element node.
 */
export declare const SvgPolygon: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"polygon", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"polygon">) & {
    element: "polygon";
};
/**
 * Represents an SVG rectangle element.
 * @param props Optional properties for the rect element.
 * @returns A rect element node.
 */
export declare const SvgRect: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"rect", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"rect">) & {
    element: "rect";
};
/**
 * Represents an SVG use element.
 * @param props Optional properties for the use element.
 * @returns A use element node.
 */
export declare const SvgUse: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"use", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"use">) & {
    element: "use";
};
/**
 * Represents an SVG definitions element.
 * @param props Optional properties for the defs element.
 * @returns A defs element node.
 */
export declare const SvgDefs: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"defs", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"defs">) & {
    element: "defs";
};
/**
 * Represents an SVG linear gradient element.
 * @param props Optional properties for the linearGradient element.
 * @returns A linearGradient element node.
 */
export declare const SvgLinearGradient: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"linearGradient", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"linearGradient">) & {
    element: "linearGradient";
};
/**
 * Represents an SVG radial gradient element.
 * @param props Optional properties for the radialGradient element.
 * @returns A radialGradient element node.
 */
export declare const SvgRadialGradient: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"radialGradient", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"radialGradient">) & {
    element: "radialGradient";
};
/**
 * Represents an SVG gradient stop element.
 * @param props Optional properties for the stop element.
 * @returns A stop element node.
 */
export declare const SvgStop: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"stop", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"stop">) & {
    element: "stop";
};
/**
 * Represents an SVG symbol element.
 * @param props Optional properties for the symbol element.
 * @returns A symbol element node.
 */
export declare const SvgSymbol: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"symbol", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"symbol">) & {
    element: "symbol";
};
/**
 * Represents an SVG group element.
 * @param props Optional properties for the g element.
 * @returns A g element node.
 */
export declare const SvgG: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"g", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"g">) & {
    element: "g";
};
/**
 * Represents an SVG text element.
 * @param props Optional properties for the text element.
 * @returns A text element node.
 */
export declare const SvgText: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"text", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"text">) & {
    element: "text";
};
/**
 * Represents an SVG text span element.
 * @param props Optional properties for the tspan element.
 * @returns A tspan element node.
 */
export declare const SvgTspan: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"tspan", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"tspan">) & {
    element: "tspan";
};
// Navigation and links
/**
 * Represents an anchor element.
 * @param props Optional properties for the a element.
 * @returns An a element node.
 */
export declare const A: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"a", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"a">) & {
    element: "a";
};
/**
 * Represents a navigation element.
 * @param props Optional properties for the nav element.
 * @returns A nav element node.
 */
export declare const Nav: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"nav", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"nav">) & {
    element: "nav";
};
// Document structure
/**
 * Represents the body element of an HTML document.
 * @param props Optional properties for the body element.
 * @returns A body element node.
 */
export declare const Body: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"body", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"body">) & {
    element: "body";
};
/**
 * Represents the main content of a document.
 * @param props Optional properties for the main element.
 * @returns A main element node.
 */
export declare const Main: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"main", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"main">) & {
    element: "main";
};
/**
 * Represents a header element.
 * @param props Optional properties for the header element.
 * @returns A header element node.
 */
export declare const Header: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"header", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"header">) & {
    element: "header";
};
/**
 * Represents a footer element.
 * @param props Optional properties for the footer element.
 * @returns A footer element node.
 */
export declare const Footer: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"footer", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"footer">) & {
    element: "footer";
};
/**
 * Represents an aside element.
 * @param props Optional properties for the aside element.
 * @returns An aside element node.
 */
export declare const Aside: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"aside", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"aside">) & {
    element: "aside";
};
/**
 * Represents a section element.
 * @param props Optional properties for the section element.
 * @returns A section element node.
 */
export declare const Section: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"section", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"section">) & {
    element: "section";
};
/**
 * Represents an article element.
 * @param props Optional properties for the article element.
 * @returns An article element node.
 */
export declare const Article: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"article", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"article">) & {
    element: "article";
};
/**
 * Represents a figure element.
 * @param props Optional properties for the figure element.
 * @returns A figure element node.
 */
export declare const Figure: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"figure", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"figure">) & {
    element: "figure";
};
/**
 * Represents a figure caption element.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the figcaption.
 * @param props Optional properties for the figcaption element.
 * @returns A figcaption element node.
 */
export declare const Figcaption: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"figcaption", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"figcaption">) & {
    element: "figcaption";
};
/**
 * Represents a blockquote element.
 * @param props Optional properties for the blockquote element.
 * @returns A blockquote element node.
 */
export declare const Blockquote: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"blockquote", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"blockquote">) & {
    element: "blockquote";
};
/**
 * Represents an address element.
 * @param props Optional properties for the address element.
 * @returns An address element node.
 */
export declare const Address: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"address", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"address">) & {
    element: "address";
};
/**
 * Represents a dialog element.
 * @param props Optional properties for the dialog element.
 * @returns A dialog element node.
 */
export declare const Dialog: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"dialog", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"dialog">) & {
    element: "dialog";
};
/**
 * Represents a details element.
 * @param props Optional properties for the details element.
 * @returns A details element node.
 */
export declare const Details: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"details", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"details">) & {
    element: "details";
};
/**
 * Represents a summary element for a details disclosure box.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the summary.
 * @param props Optional properties for the summary element.
 * @returns A summary element node.
 */
export declare const Summary: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"summary", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"summary">) & {
    element: "summary";
};
// Document head elements
/**
 * Represents a head element.
 * @param props Optional properties for the head element.
 * @returns A head element node.
 */
export declare const Head: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"head", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"head">) & {
    element: "head";
};
/**
 * Represents the root HTML element.
 * @param props Optional properties for the HTML element.
 * @returns An HTML element node.
 */
export declare const Html: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"html", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"html">) & {
    element: "html";
};
/**
 * Represents a meta element.
 * @param props Optional properties for the meta element.
 * @returns A meta element node.
 */
export declare const Meta: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"meta", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"meta">) & {
    element: "meta";
};
/**
 * Represents a link element.
 * @param props Optional properties for the link element.
 * @returns A link element node.
 */
export declare const Link: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"link", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"link">) & {
    element: "link";
};
/**
 * Represents a style element. Its content should be CSS text.
 * @param props Optional properties for the style element.
 * @returns A style element node.
 */
export declare const Style: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"style", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"style">) & {
    element: "style";
};
/**
 * Represents a script element. For inline scripts, its content should be JavaScript text.
 * @param props Optional properties for the script element (e.g., src, type, async, defer).
 * @returns A script element node.
 */
export declare const Script: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"script", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"script">) & {
    element: "script";
};
/**
 * Creates a title element node for document head title.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the title.
 * @param props Optional properties for the title element.
 * @returns A title element node.
 */
export declare const Title: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"title", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"title">) & {
    element: "title";
};
/**
 * Represents a base element.
 * @param props Optional properties for the base element.
 * @returns A base element node.
 */
export declare const Base: (<AdditionalProps extends Record<string, any> = Record<string, any>>(props?: import("../node.type").MergedProps<"base", AdditionalProps> | undefined) => import("../node.type").NodeInstance<"base">) & {
    element: "base";
};
// --- Additional Text-Level Semantics ---
/**
 * Represents an abbreviation or acronym.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the abbreviation.
 * @param props Optional properties for the abbr element.
 * @returns An abbr element node.
 */
export declare const Abbr: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"abbr", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"abbr">) & {
    element: "abbr";
};
/**
 * Represents text that should be stylistically offset from normal prose (traditionally bold).
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the b element.
 * @returns A b element node.
 */
export declare const B: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"b", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"b">) & {
    element: "b";
};
/**
 * Represents text that is isolated from its surroundings for bidirectional text formatting.
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the bdi element.
 * @returns A bdi element node.
 */
export declare const Bdi: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"bdi", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"bdi">) & {
    element: "bdi";
};
/**
 * Overrides the current text directionality.
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the bdo element.
 * @returns A bdo element node.
 */
export declare const Bdo: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"bdo", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"bdo">) & {
    element: "bdo";
};
/**
 * Represents the title of a work (e.g., a book, a song, an essay).
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the citation.
 * @param props Optional properties for the cite element.
 * @returns A cite element node.
 */
export declare const Cite: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"cite", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"cite">) & {
    element: "cite";
};
/**
 * Links a piece of content with a machine-readable translation.
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the data element.
 * @returns A data element node.
 */
export declare const Data: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"data", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"data">) & {
    element: "data";
};
/**
 * Represents a definition of a term.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the definition.
 * @param props Optional properties for the dfn element.
 * @returns A dfn element node.
 */
export declare const Dfn: (<AdditionalProps extends Record<string, any> = Record<string, any>>(children?: import("../node.type").Children, props?: Omit<import("../node.type").MergedProps<"dfn", AdditionalProps>, "children"> | undefined) => import("../node.type").NodeInstance<"dfn">) & {
    element: "dfn";
};
/**
 * Represents text in an alternate voice or mood (traditionally italic).
 *