@meonode/ui
Version:
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.
775 lines • 110 kB
TypeScript
/**
* Represents a div element.
* @param props Optional properties for the div element.
* @returns A div element node.
*/
export declare const Div: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "div">(props?: import("../main").PolymorphicProps<"div", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "div";
};
/**
* 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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "h1">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "h2">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "h3">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "h4">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "h5">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "h6">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "strong">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "em">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "small">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "mark">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "span">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "p">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "p">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "pre">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "code">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "br">(props?: import("../main").PolymorphicProps<"br", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "br";
};
/**
* Represents an ordered list.
* @param props Optional properties for the ol element.
* @returns An ol element node.
*/
export declare const Ol: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "ol">(props?: import("../main").PolymorphicProps<"ol", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "ol";
};
/**
* Represents an unordered list.
* @param props Optional properties for the ul element.
* @returns A ul element node.
*/
export declare const Ul: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "ul">(props?: import("../main").PolymorphicProps<"ul", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "ul";
};
/**
* Represents a list item.
* @param props Optional properties for the li element.
* @returns An li element node.
*/
export declare const Li: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "li">(props?: import("../main").PolymorphicProps<"li", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "li";
};
/**
* Represents a description list.
* @param props Optional properties for the dl element.
* @returns A dl element node.
*/
export declare const Dl: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "dl">(props?: import("../main").PolymorphicProps<"dl", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "dt">(props?: import("../main").PolymorphicProps<"dt", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "dd">(props?: import("../main").PolymorphicProps<"dd", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "dd";
};
/**
* Represents an HTML form.
* @param props Optional properties for the form element.
* @returns A form element node.
*/
export declare const Form: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "form">(props?: import("../main").PolymorphicProps<"form", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "label">(props?: import("../main").PolymorphicProps<"label", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "label";
};
/**
* Represents an input element.
* @param props Optional properties for the input element.
* @returns An input element node.
*/
export declare const Input: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "input">(props?: import("../main").PolymorphicProps<"input", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "button">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "textarea">(props?: import("../main").PolymorphicProps<"textarea", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "select">(props?: import("../main").PolymorphicProps<"select", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "option">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "fieldset">(props?: import("../main").PolymorphicProps<"fieldset", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "legend">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "optgroup">(props?: import("../main").PolymorphicProps<"optgroup", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "optgroup";
};
/**
* Represents a table element.
* @param props Optional properties for the table element.
* @returns A table element node.
*/
export declare const Table: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "table">(props?: import("../main").PolymorphicProps<"table", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "thead">(props?: import("../main").PolymorphicProps<"thead", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "tbody">(props?: import("../main").PolymorphicProps<"tbody", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "tfoot">(props?: import("../main").PolymorphicProps<"tfoot", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "tfoot";
};
/**
* Represents a table row.
* @param props Optional properties for the tr element.
* @returns A tr element node.
*/
export declare const Tr: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "tr">(props?: import("../main").PolymorphicProps<"tr", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "th">(props?: import("../main").PolymorphicProps<"th", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "td">(props?: import("../main").PolymorphicProps<"td", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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 = undefined, ExactProps extends object = object, As extends import("../main").NodeElementType = "caption">(children?: import("../main").Children, props?: ({
as?: As | undefined;
} & Omit<import("../main").PropsOf<As>, keyof import("react").CSSProperties | "children" | "key" | "props"> & import("react").Attributes & import("react").RefAttributes<unknown> & (import("../main").HasCSSCompatibleStyleProp<import("../main").PropsOf<As>> extends true ? import("../main").ThemedCSSProperties : object) & (import("../main").HasNoStyleProp<As> extends false ? Partial<{
css: import("../main").CssProp;
}> : object) & Partial<{
disableEmotion: boolean;
props: Partial<Omit<import("../main").PropsOf<As>, "children"> & {
children?: never;
}>;
children: import("../main").Children;
}> & import("../main").ValidateComponentProps<As, ExactProps> & (AdditionalProps extends undefined ? import("../main").ValidateComponentProps<As, ExactProps> : AdditionalProps) & {
children?: never;
}) | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "colgroup">(props?: import("../main").PolymorphicProps<"colgroup", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "colgroup";
};
/**
* Represents a table column.
* @param props Optional properties for the col element.
* @returns A col element node.
*/
export declare const Col: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "col">(props?: import("../main").PolymorphicProps<"col", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "col";
};
/**
* Represents an image element.
* @param props Optional properties for the img element.
* @returns An img element node.
*/
export declare const Img: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "img">(props?: import("../main").PolymorphicProps<"img", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "img";
};
/**
* Represents a video element.
* @param props Optional properties for the video element.
* @returns A video element node.
*/
export declare const Video: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "video">(props?: import("../main").PolymorphicProps<"video", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "video";
};
/**
* Represents an audio element.
* @param props Optional properties for the audio element.
* @returns An audio element node.
*/
export declare const Audio: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "audio">(props?: import("../main").PolymorphicProps<"audio", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "audio";
};
/**
* Represents a picture element.
* @param props Optional properties for the picture element.
* @returns A picture element node.
*/
export declare const Picture: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "picture">(props?: import("../main").PolymorphicProps<"picture", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "picture";
};
/**
* Represents a source element.
* @param props Optional properties for the source element.
* @returns A source element node.
*/
export declare const Source: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "source">(props?: import("../main").PolymorphicProps<"source", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElementType = "track">(props?: import("../main").PolymorphicProps<"track", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "track";
};
/**
* Represents a canvas element.
* @param props Optional properties for the canvas element.
* @returns A canvas element node.
*/
export declare const Canvas: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "canvas">(props?: import("../main").PolymorphicProps<"canvas", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "canvas";
};
/**
* Represents an iframe element.
* @param props Optional properties for the iframe element.
* @returns An iframe element node.
*/
export declare const Iframe: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "iframe">(props?: import("../main").PolymorphicProps<"iframe", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: "iframe";
};
/**
* Represents an SVG container element.
* @param props Optional properties for the svg element.
* @returns An svg element node.
*/
export declare const Svg: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = "svg">(props?: import("../main").PolymorphicProps<"svg", As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
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, ExactProps extends object = object, As extends import("../main").NodeElemen