@meonode/ui/dist/html.node.js

A structured approach to component composition with built-in theming, prop separation, and dynamic children handling.

"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import{Node}from"./core.node.js";// Layout components
/**
 * Represents a div element.
 * @param props Optional properties for the div element.
 * @returns A div element node.
 */export var Div=function Div(a){return Node("div",a)};/**
 * 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
 * Root({
 *   backgroundColor: 'white',
 *   children: [Header(), Main(), Footer()]
 * })
 */export var Root=function Root(a){return Div(_objectSpread({display:"flex",flexDirection:"column",minHeight:"100vh",minWidth:"100vw"},a))};/**
 * Represents a column layout using flexbox.
 * @param props Optional properties for the column layout.
 * @returns A div element node with flexbox column layout.
 */export var Column=function Column(a){return Div(_objectSpread({display:"flex",flexDirection:"column"},a))};/**
 * Represents a row layout using flexbox.
 * @param props Optional properties for the row layout.
 * @returns A div element node with flexbox row layout.
 */export var Row=function Row(a){return Div(_objectSpread({display:"flex",flexDirection:"row"},a))};/**
 * Represents a grid layout.
 * @param props Optional properties for the grid layout.
 * @returns A div element node with grid layout.
 */export var Grid=function Grid(a){return Div(_objectSpread({display:"grid"},a))};/**
 * 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 var Center=function Center(a){return Div(_objectSpread({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},a))};/**
 * Represents a fixed positioned element.
 * @param props Optional properties for the fixed positioned element.
 * @returns A div element node with fixed positioning.
 */export var Fixed=function Fixed(a){return Div(_objectSpread({position:"fixed"},a))};/**
 * Represents a relatively positioned element.
 * @param props Optional properties for the relatively positioned element.
 * @returns A div element node with relative positioning.
 */export var Relative=function Relative(a){return Div(_objectSpread({position:"relative"},a))};/**
 * Represents an absolutely positioned element.
 * @param props Optional properties for the absolutely positioned element.
 * @returns A div element node with absolute positioning.
 */export var Absolute=function Absolute(a){return Div(_objectSpread({position:"absolute"},a))};/**
 * Represents a sticky positioned element.
 * @param props Optional properties for the sticky positioned element.
 * @returns A div element node with sticky positioning.
 */export var Sticky=function Sticky(a){return Div(_objectSpread({position:"sticky"},a))};/**
 * Represents a statically positioned element.
 * @param props Optional properties for the statically positioned element.
 * @returns A div element node with static positioning.
 */export var Static=function Static(a){return Div(_objectSpread({position:"static"},a))};// 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 var H1=function H1(a,b){return Node("h1",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var H2=function H2(a,b){return Node("h2",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var H3=function H3(a,b){return Node("h3",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var H4=function H4(a,b){return Node("h4",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var H5=function H5(a,b){return Node("h5",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var H6=function H6(a,b){return Node("h6",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Strong=function Strong(a,b){return Node("strong",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Em=function Em(a,b){return Node("em",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Small=function Small(a,b){return Node("small",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Mark=function Mark(a,b){return Node("mark",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Span=function Span(a,b){return Node("span",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var P=function P(a,b){return Node("p",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Pre=function Pre(a,b){return Node("pre",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Code=function Code(a,b){return Node("code",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a line break element.
 * @param props Optional properties for the br element.
 * @returns A br element node.
 */export var Br=function Br(a){return Node("br",a)};// Lists
/**
 * Represents an ordered list.
 * @param props Optional properties for the ol element.
 * @returns An ol element node.
 */export var Ol=function Ol(a){return Node("ol",a)};/**
 * Represents an unordered list.
 * @param props Optional properties for the ul element.
 * @returns A ul element node.
 */export var Ul=function Ul(a){return Node("ul",a)};/**
 * Represents a list item.
 * @param props Optional properties for the li element.
 * @returns An li element node.
 */export var Li=function Li(a){return Node("li",a)};/**
 * Represents a description list.
 * @param props Optional properties for the dl element.
 * @returns A dl element node.
 */export var Dl=function Dl(a){return Node("dl",a)};/**
 * Represents a term in a description list.
 * @param props Optional properties for the dt element.
 * @returns A dt element node.
 */export var Dt=function Dt(a){return Node("dt",a)};/**
 * Represents a description in a description list.
 * @param props Optional properties for the dd element.
 * @returns A dd element node.
 */export var Dd=function Dd(a){return Node("dd",a)};// Forms and inputs
/**
 * Represents an HTML form.
 * @param props Optional properties for the form element.
 * @returns A form element node.
 */export var Form=function Form(a){return Node("form",a)};/**
 * Represents a label for an input element.
 * @param props Optional properties for the label element.
 * @returns A label element node.
 */export var Label=function Label(a){return Node("label",a)};/**
 * Represents an input element.
 * @param props Optional properties for the input element.
 * @returns An input element node.
 */export var Input=function Input(a){return Node("input",a)};/**
 * 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 var Button=function Button(a,b){return Node("button",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a textarea element for multiline text input.
 * @param props Optional properties for the textarea element.
 * @returns A textarea element node.
 */export var Textarea=function Textarea(a){return Node("textarea",a)};/**
 * Represents a select dropdown element.
 * @param props Optional properties for the select element.
 * @returns A select element node.
 */export var Select=function Select(a){return Node("select",a)};/**
 * 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 var Option=function Option(a,b){return Node("option",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a fieldset element for grouping form elements.
 * @param props Optional properties for the fieldset element.
 * @returns A fieldset element node.
 */export var Fieldset=function Fieldset(a){return Node("fieldset",a)};/**
 * 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 var Legend=function Legend(a,b){return Node("legend",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents an option group within a select element.
 * @param props Optional properties for the optgroup element.
 * @returns An optgroup element node.
 */export var Optgroup=function Optgroup(a){return Node("optgroup",a)};// Tables
/**
 * Represents a table element.
 * @param props Optional properties for the table element.
 * @returns A table element node.
 */export var Table=function Table(a){return Node("table",a)};/**
 * Represents a table header section.
 * @param props Optional properties for the thead element.
 * @returns A thead element node.
 */export var Thead=function Thead(a){return Node("thead",a)};/**
 * Represents a table body section.
 * @param props Optional properties for the tbody element.
 * @returns A tbody element node.
 */export var Tbody=function Tbody(a){return Node("tbody",a)};/**
 * Represents a table footer section.
 * @param props Optional properties for the tfoot element.
 * @returns A tfoot element node.
 */export var Tfoot=function Tfoot(a){return Node("tfoot",a)};/**
 * Represents a table row.
 * @param props Optional properties for the tr element.
 * @returns A tr element node.
 */export var Tr=function Tr(a){return Node("tr",a)};/**
 * Represents a table header cell.
 * @param props Optional properties for the th element.
 * @returns A th element node.
 */export var Th=function Th(a){return Node("th",a)};/**
 * Represents a table data cell.
 * @param props Optional properties for the td element.
 * @returns A td element node.
 */export var Td=function Td(a){return Node("td",a)};/**
 * 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 var Caption=function Caption(a,b){return Node("caption",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a table column group.
 * @param props Optional properties for the colgroup element.
 * @returns A colgroup element node.
 */export var Colgroup=function Colgroup(a){return Node("colgroup",a)};/**
 * Represents a table column.
 * @param props Optional properties for the col element.
 * @returns A col element node.
 */export var Col=function Col(a){return Node("col",a)};// Media elements
/**
 * Represents an image element.
 * @param props Optional properties for the img element.
 * @returns An img element node.
 */export var Img=function Img(a){return Node("img",a)};/**
 * Represents a video element.
 * @param props Optional properties for the video element.
 * @returns A video element node.
 */export var Video=function Video(a){return Node("video",a)};/**
 * Represents an audio element.
 * @param props Optional properties for the audio element.
 * @returns An audio element node.
 */export var Audio=function Audio(a){return Node("audio",a)};/**
 * Represents a picture element.
 * @param props Optional properties for the picture element.
 * @returns A picture element node.
 */export var Picture=function Picture(a){return Node("picture",a)};/**
 * Represents a source element.
 * @param props Optional properties for the source element.
 * @returns A source element node.
 */export var Source=function Source(a){return Node("source",a)};/**
 * Represents a text track element.
 * @param props Optional properties for the track element.
 * @returns A track element node.
 */export var Track=function Track(a){return Node("track",a)};/**
 * Represents a canvas element.
 * @param props Optional properties for the canvas element.
 * @returns A canvas element node.
 */export var Canvas=function Canvas(a){return Node("canvas",a)};/**
 * Represents an iframe element.
 * @param props Optional properties for the iframe element.
 * @returns An iframe element node.
 */export var Iframe=function Iframe(a){return Node("iframe",a)};// SVG elements
/**
 * Represents an SVG container element.
 * @param props Optional properties for the svg element.
 * @returns An svg element node.
 */export var Svg=function Svg(a){return Node("svg",a)};/**
 * Represents an SVG path element.
 * @param props Optional properties for the path element.
 * @returns A path element node.
 */export var SvgPath=function SvgPath(a){return Node("path",a)};/**
 * Represents an SVG circle element.
 * @param props Optional properties for the circle element.
 * @returns A circle element node.
 */export var SvgCircle=function SvgCircle(a){return Node("circle",a)};/**
 * Represents an SVG ellipse element.
 * @param props Optional properties for the ellipse element.
 * @returns An ellipse element node.
 */export var SvgEllipse=function SvgEllipse(a){return Node("ellipse",a)};/**
 * Represents an SVG line element.
 * @param props Optional properties for the line element.
 * @returns A line element node.
 */export var SvgLine=function SvgLine(a){return Node("line",a)};/**
 * Represents an SVG polyline element.
 * @param props Optional properties for the polyline element.
 * @returns A polyline element node.
 */export var SvgPolyline=function SvgPolyline(a){return Node("polyline",a)};/**
 * Represents an SVG polygon element.
 * @param props Optional properties for the polygon element.
 * @returns A polygon element node.
 */export var SvgPolygon=function SvgPolygon(a){return Node("polygon",a)};/**
 * Represents an SVG rectangle element.
 * @param props Optional properties for the rect element.
 * @returns A rect element node.
 */export var SvgRect=function SvgRect(a){return Node("rect",a)};/**
 * Represents an SVG use element.
 * @param props Optional properties for the use element.
 * @returns A use element node.
 */export var SvgUse=function SvgUse(a){return Node("use",a)};/**
 * Represents an SVG definitions element.
 * @param props Optional properties for the defs element.
 * @returns A defs element node.
 */export var SvgDefs=function SvgDefs(a){return Node("defs",a)};/**
 * Represents an SVG linear gradient element.
 * @param props Optional properties for the linearGradient element.
 * @returns A linearGradient element node.
 */export var SvgLinearGradient=function SvgLinearGradient(a){return Node("linearGradient",a)};/**
 * Represents an SVG radial gradient element.
 * @param props Optional properties for the radialGradient element.
 * @returns A radialGradient element node.
 */export var SvgRadialGradient=function SvgRadialGradient(a){return Node("radialGradient",a)};/**
 * Represents an SVG gradient stop element.
 * @param props Optional properties for the stop element.
 * @returns A stop element node.
 */export var SvgStop=function SvgStop(a){return Node("stop",a)};/**
 * Represents an SVG symbol element.
 * @param props Optional properties for the symbol element.
 * @returns A symbol element node.
 */export var SvgSymbol=function SvgSymbol(a){return Node("symbol",a)};/**
 * Represents an SVG group element.
 * @param props Optional properties for the g element.
 * @returns A g element node.
 */export var SvgG=function SvgG(a){return Node("g",a)};/**
 * Represents an SVG text element.
 * @param props Optional properties for the text element.
 * @returns A text element node.
 */export var SvgText=function SvgText(a){return Node("text",a)};/**
 * Represents an SVG text span element.
 * @param props Optional properties for the tspan element.
 * @returns A tspan element node.
 */export var SvgTspan=function SvgTspan(a){return Node("tspan",a)};// Navigation and links
/**
 * Represents an anchor element.
 * @param props Optional properties for the a element.
 * @returns An a element node.
 */export var A=function A(a){return Node("a",a)};/**
 * Represents a navigation element.
 * @param props Optional properties for the nav element.
 * @returns A nav element node.
 */export var Nav=function Nav(a){return Node("nav",a)};// Document structure
/**
 * Represents the body element of an HTML document.
 * @param props Optional properties for the body element.
 * @returns A body element node.
 */export var Body=function Body(a){return Node("body",a)};/**
 * Represents the main content of a document.
 * @param props Optional properties for the main element.
 * @returns A main element node.
 */export var Main=function Main(a){return Node("main",_objectSpread({display:"flex",flexDirection:"column"},a))};/**
 * Represents a header element.
 * @param props Optional properties for the header element.
 * @returns A header element node.
 */export var Header=function Header(a){return Node("header",a)};/**
 * Represents a footer element.
 * @param props Optional properties for the footer element.
 * @returns A footer element node.
 */export var Footer=function Footer(a){return Node("footer",a)};/**
 * Represents an aside element.
 * @param props Optional properties for the aside element.
 * @returns An aside element node.
 */export var Aside=function Aside(a){return Node("aside",a)};/**
 * Represents a section element.
 * @param props Optional properties for the section element.
 * @returns A section element node.
 */export var Section=function Section(a){return Node("section",a)};/**
 * Represents an article element.
 * @param props Optional properties for the article element.
 * @returns An article element node.
 */export var Article=function Article(a){return Node("article",a)};/**
 * Represents a figure element.
 * @param props Optional properties for the figure element.
 * @returns A figure element node.
 */export var Figure=function Figure(a){return Node("figure",a)};/**
 * 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 var Figcaption=function Figcaption(a,b){return Node("figcaption",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a blockquote element.
 * @param props Optional properties for the blockquote element.
 * @returns A blockquote element node.
 */export var Blockquote=function Blockquote(a){return Node("blockquote",a)};/**
 * Represents an address element.
 * @param props Optional properties for the address element.
 * @returns An address element node.
 */export var Address=function Address(a){return Node("address",a)};/**
 * Represents a dialog element.
 * @param props Optional properties for the dialog element.
 * @returns A dialog element node.
 */export var Dialog=function Dialog(a){return Node("dialog",a)};/**
 * Represents a details element.
 * @param props Optional properties for the details element.
 * @returns A details element node.
 */export var Details=function Details(a){return Node("details",a)};/**
 * 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 var Summary=function Summary(a,b){return Node("summary",_objectSpread(_objectSpread({},b),{},{children:a}))};// Document head elements
/**
 * Represents a head element.
 * @param props Optional properties for the head element.
 * @returns A head element node.
 */export var Head=function Head(a){return Node("head",a)};/**
 * Represents the root HTML element.
 * @param props Optional properties for the HTML element.
 * @returns An HTML element node.
 */export var Html=function Html(a){return Node("html",a)};/**
 * Represents a meta element.
 * @param props Optional properties for the meta element.
 * @returns A meta element node.
 */export var Meta=function Meta(a){return Node("meta",a)};/**
 * Represents a link element.
 * @param props Optional properties for the link element.
 * @returns A link element node.
 */export var Link=function Link(a){return Node("link",a)};/**
 * Represents a style element. Its content should be CSS text.
 * @param cssText Optional CSS code as a string.
 * @param props Optional properties for the style element.
 * @returns A style element node.
 */export var Style=function Style(a,b){return Node("style",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a script element. For inline scripts, its content should be JavaScript text.
 * @param scriptContent Optional JavaScript code as a string for inline scripts.
 * @param props Optional properties for the script element (e.g., src, type, async, defer).
 * @returns A script element node.
 */export var Script=function Script(a,b){return Node("script",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Title=function Title(a,b){return Node("title",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a base element.
 * @param props Optional properties for the base element.
 * @returns A base element node.
 */export var Base=function Base(a){return Node("base",a)};// --- 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 var Abbr=function Abbr(a,b){return Node("abbr",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var B=function B(a,b){return Node("b",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Bdi=function Bdi(a,b){return Node("bdi",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Bdo=function Bdo(a,b){return Node("bdo",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Cite=function Cite(a,b){return Node("cite",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Data=function Data(a,b){return Node("data",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * 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 var Dfn=function Dfn(a,b){return Node("dfn",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents text in an alternate voice or mood (traditionally italic).
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the i element.
 * @returns An i element node.
 */export var I=function I(a,b){return Node("i",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents user input (typically keyboard input).
 * @param children The content to be rendered within the element (text, numbers, components, etc) representing keyboard input.
 * @param props Optional properties for the kbd element.
 * @returns A kbd element node.
 */export var Kbd=function Kbd(a,b){return Node("kbd",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents an inline quotation.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the quotation.
 * @param props Optional properties for the q element.
 * @returns A q element node.
 */export var Q=function Q(a,b){return Node("q",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents fallback parenthesis for ruby annotations.
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the rp element.
 * @returns An rp element node.
 */export var Rp=function Rp(a,b){return Node("rp",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents the ruby text component of a ruby annotation.
 * @param children The content to be rendered within the element (text, numbers, components, etc).
 * @param props Optional properties for the rt element.
 * @returns An rt element node.
 */export var Rt=function Rt(a,b){return Node("rt",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a ruby annotation.
 * @param props Optional properties for the ruby element.
 * @returns A ruby element node.
 */export var Ruby=function Ruby(a){return Node("ruby",a)};/**
 * Represents text that is no longer accurate or relevant (strikethrough).
 * @param children The content to be rendered within the element (text, numbers, components, etc) to be struck through.
 * @param props Optional properties for the s element.
 * @returns An s element node.
 */export var S=function S(a,b){return Node("s",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents sample output from a computer program.
 * @param children The content to be rendered within the element (text, numbers, components, etc) representing sample output.
 * @param props Optional properties for the samp element.
 * @returns A samp element node.
 */export var Samp=function Samp(a,b){return Node("samp",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents subscript text.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the subscript.
 * @param props Optional properties for the sub element.
 * @returns A sub element node.
 */export var Sub=function Sub(a,b){return Node("sub",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents superscript text.
 * @param children The content to be rendered within the element (text, numbers, components, etc) for the superscript.
 * @param props Optional properties for the sup element.
 * @returns A sup element node.
 */export var Sup=function Sup(a,b){return Node("sup",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a specific period in time or a date.
 * @param children The content to be rendered within the element (text, numbers, components, etc) representing the time/date.
 * @param props Optional properties for the time element.
 * @returns A time element node.
 */export var Time=function Time(a,b){return Node("time",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents text that should be rendered with an unarticulated, non-textual annotation (traditionally underline).
 * @param children The content to be rendered within the element (text, numbers, components, etc) to be underlined.
 * @param props Optional properties for the u element.
 * @returns A u element node.
 */export var U=function U(a,b){return Node("u",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a variable in a mathematical expression or programming context.
 * @param children The content to be rendered within the element (text, numbers, components, etc) representing a variable.
 * @param props Optional properties for the var element.
 * @returns A var element node.
 */export var Var=function Var(a,b){return Node("var",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
 * Represents a word break opportunity. This is a void element.
 * @param props Optional properties for the wbr element.
 * @returns A wbr element node.
 */export var Wbr=function Wbr(a){return Node("wbr",a)};// --- Additional Grouping Content ---
/**
 * Represents a thematic break between paragraph-level elements (e.g., a scene change in a story, or a shift of topic). This is a void element.
 * @param props Optional properties for the hr element.
 * @returns An hr element node.
 */export var Hr=function Hr(a){return Node("hr",a)};/**
 * Represents a group of commands that a user can perform or activate.
 * @param props Optional properties for the menu element.
 * @returns A menu element node.
 */export var Menu=function Menu(a){return Node("menu",a)};/**
 * Represents the parts of a document or application that contain search or filtering controls.
 * @param props Optional properties for the search element.
 * @returns A search element node.
 */export var Search=function Search(a){return Node("search",a)};// --- Additional Embedded Content ---
/**
 * Represents an integration point for an external application or interactive content (a plug-in). This is a void element.
 * @param props Optional properties for the embed element.
 * @returns An embed element node.
 */export var Embed=function Embed(a){return Node("embed",a)};/**
 * Represents an external resource, which can be treated as an image, a nested browsing context, or content to be handled by a plugin.
 * @param props Optional properties for the object element.
 * @returns An object element node.
 */export var ObjectElement=function ObjectElement(a){return Node("object",a)};// Renamed to ObjectElement to avoid conflict with JavaScript's Object
/**
 * Defines parameters for an <object> element. This is a void element.
 * @param props Optional properties for the param element.
 * @returns A param element node.
 */export var Param=function Param(a){return Node("param",a)};/**
 * Represents an image map, with clickable areas.
 * @param props Optional properties for the map element.
 * @returns A map element node.
 */export var MapElement=function MapElement(a){return Node("map",a)};// Renamed to MapElement to avoid conflict with JavaScript's Map
/**
 * Defines a client-side image map area. This is a void element.
 * @param props Optional properties for the area element.
 * @returns An area element node.
 */export var Area=function Area(a){return Node("area",a)};// --- Additional Forms Elements ---
/**
 * Contains a set of <option> elements that represent predefined options for other controls.
 * @param props Optional properties for the datalist element.
 * @returns A datalist element node.
 */export var Datalist=function Datalist(a){return Node("datalist",a)};/**
 * Represents the result of a calculation or user action.
 * @param props Optional properties for the output element.
 * @returns An output element node.
 */export var Output=function Output(a){return Node("output",a)};/**
 * Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
 * @param props Optional properties for the progress element.
 * @returns A progress element node.
 */export var Progress=function Progress(a){return Node("progress",a)};/**
 * Represents either a scalar value within a known range or a fractional value.
 * @param props Optional properties for the meter element.
 * @returns A meter element node.
 */export var Meter=function Meter(a){return Node("meter",a)};// --- Additional Scripting & Document Elements ---
/**
 * Defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.
 * @param props Optional properties for the noscript element.
 * @returns A noscript element node.
 */export var Noscript=function Noscript(a){return Node("noscript",a)};/**
 * A mechanism for holding HTML that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using JavaScript.
 * @param props Optional properties for the template element.
 * @returns A template element node.
 */export var Template=function Template(a){return Node("template",a)};// --- Additional Sections Elements ---
/**
 * Represents a heading group. It is used to group a set of <h1>–<h6> elements.
 * @param props Optional properties for the hgroup element.
 * @returns An hgroup element node.
 */export var Hgroup=function Hgroup(a){return Node("hgroup",a)};