native-document 1.0.93 → 1.0.94

package/elements.js

@@ -1,3 +1,4 @@
+import './index.def';
 import Anchor from "./src/core/elements/anchor";
 export { createPortal } from "./src/core/elements/anchor";
 export * from './src/core/elements/index';

package/index.def.js

@@ -0,0 +1,350 @@
+/**
+ * @fileoverview JSDoc type definitions for NativeDocument HTML elements.
+ * Provides IDE autocomplete for element attributes.
+ * Compound attribute names are listed in both their original (lowercase)
+ * and camelCase forms so both conventions trigger autocomplete.
+ */
+
+// ─────────────────────────────────────────────
+// Base types
+// ─────────────────────────────────────────────
+
+/**
+ * An ObservableItem or a raw value.
+ * @template T
+ * @typedef {import('./native-document.dev').ObservableItem | T} Observable
+ */
+
+/**
+ * A valid child — string, number, boolean, HTMLElement, DocumentFragment,
+ * ObservableItem, NDElement, or an array of those.
+ * @typedef {string|number|boolean|HTMLElement|DocumentFragment|ObservableItem|NDElement|Array} NdChild
+ */
+
+/**
+ * Reactive class binding — maps class names to observable or plain booleans.
+ * @typedef {Object.<string, Observable<boolean>|boolean>} NdClassMap
+ */
+
+/**
+ * Reactive style binding — maps CSS property names to observable or plain strings.
+ * @typedef {Object.<string, Observable<string>|string>} NdStyleMap
+ */
+
+// ─────────────────────────────────────────────
+// Shared attribute sets
+// ─────────────────────────────────────────────
+
+/**
+ * Global HTML attributes shared by all elements.
+ * @typedef {Object} GlobalAttributes
+ * @property {Observable<string>|string}             [id]               - Unique identifier
+ * @property {Observable<string>|NdClassMap|string}  [class]            - CSS classes (string or reactive map)
+ * @property {Observable<NdStyleMap>|NdStyleMap}     [style]            - Inline styles
+ * @property {string}                                [title]            - Tooltip text
+ * @property {string}                                [lang]             - Language code
+ * @property {string}                                [dir]              - Text direction: 'ltr'|'rtl'|'auto'
+ * @property {Observable<boolean>|boolean}           [hidden]           - Hide element
+ * @property {Observable<boolean>|boolean}           [draggable]        - Make element draggable
+ * @property {Observable<boolean>|boolean}           [contenteditable]  - Make content editable
+ * @property {Observable<boolean>|boolean}           [contentEditable]  - Make content editable (camelCase)
+ * @property {string}                                [tabindex]         - Tab order
+ * @property {string}                                [tabIndex]         - Tab order (camelCase)
+ * @property {string}                                [accesskey]        - Keyboard shortcut
+ * @property {string}                                [accessKey]        - Keyboard shortcut (camelCase)
+ * @property {Observable<boolean>|boolean}           [spellcheck]       - Enable spellcheck
+ * @property {Observable<boolean>|boolean}           [spellCheck]       - Enable spellcheck (camelCase)
+ * @property {string}                                [data-*]           - Custom data attributes
+ * @property {string}                                [aria-*]           - ARIA accessibility attributes
+ * @property {string}                                [role]             - ARIA role
+ */
+
+/**
+ * Attributes shared by form-related elements.
+ * @typedef {Object} SharedFormAttributes
+ * @property {string}                       [name]       - Field name
+ * @property {Observable<boolean>|boolean}  [disabled]   - Disable the field
+ * @property {Observable<boolean>|boolean}  [required]   - Mark as required
+ * @property {Observable<boolean>|boolean}  [autofocus]  - Auto-focus on page load
+ * @property {Observable<boolean>|boolean}  [autoFocus]  - Auto-focus on page load (camelCase)
+ * @property {string}                       [form]       - Associated form id
+ */
+
+// ─────────────────────────────────────────────
+// Element-specific attribute types
+// ─────────────────────────────────────────────
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   src:              Observable<string>|string,
+ *   alt:              Observable<string>|string,
+ *   width:            Observable<string>|string|number,
+ *   height:           Observable<string>|string|number,
+ *   loading:          'lazy'|'eager'|'auto',
+ *   decoding:         'async'|'sync'|'auto',
+ *   srcset:           string,
+ *   srcSet:           string,
+ *   sizes:            string,
+ *   crossorigin:      'anonymous'|'use-credentials',
+ *   crossOrigin:      'anonymous'|'use-credentials',
+ *   referrerpolicy:   string,
+ *   referrerPolicy:   string,
+ *   fetchpriority:    'high'|'low'|'auto',
+ *   fetchPriority:    'high'|'low'|'auto',
+ * }} ImgAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   href:             Observable<string>|string,
+ *   target:           '_blank'|'_self'|'_parent'|'_top'|string,
+ *   rel:              string,
+ *   download:         Observable<boolean>|boolean|string,
+ *   hreflang:         string,
+ *   hrefLang:         string,
+ *   type:             string,
+ *   referrerpolicy:   string,
+ *   referrerPolicy:   string,
+ * }} AnchorAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & SharedFormAttributes & {
+ *   type:   'button'|'submit'|'reset',
+ *   value:  Observable<string>|string,
+ * }} ButtonAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & SharedFormAttributes & {
+ *   type:           'text'|'email'|'password'|'number'|'tel'|'url'|'search'|
+ *                   'date'|'time'|'datetime-local'|'week'|'month'|
+ *                   'checkbox'|'radio'|'range'|'color'|'file'|'hidden',
+ *   value:          Observable<string>|string,
+ *   placeholder:    Observable<string>|string,
+ *   checked:        Observable<boolean>|boolean,
+ *   readonly:       Observable<boolean>|boolean,
+ *   readOnly:       Observable<boolean>|boolean,
+ *   multiple:       Observable<boolean>|boolean,
+ *   min:            Observable<string>|string|number,
+ *   max:            Observable<string>|string|number,
+ *   step:           Observable<string>|string|number,
+ *   minlength:      number,
+ *   minLength:      number,
+ *   maxlength:      number,
+ *   maxLength:      number,
+ *   pattern:        string,
+ *   accept:         string,
+ *   autocomplete:   'on'|'off'|string,
+ *   autoComplete:   'on'|'off'|string,
+ *   list:           string,
+ * }} InputAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & SharedFormAttributes & {
+ *   value:          Observable<string>|string,
+ *   placeholder:    Observable<string>|string,
+ *   readonly:       Observable<boolean>|boolean,
+ *   readOnly:       Observable<boolean>|boolean,
+ *   rows:           number,
+ *   cols:           number,
+ *   minlength:      number,
+ *   minLength:      number,
+ *   maxlength:      number,
+ *   maxLength:      number,
+ *   wrap:           'hard'|'soft'|'off',
+ *   autocomplete:   'on'|'off'|string,
+ *   autoComplete:   'on'|'off'|string,
+ *   spellcheck:     Observable<boolean>|boolean,
+ *   spellCheck:     Observable<boolean>|boolean,
+ * }} TextAreaAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & SharedFormAttributes & {
+ *   value:    Observable<string>|string,
+ *   multiple: Observable<boolean>|boolean,
+ *   size:     number,
+ * }} SelectAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   value:    Observable<string>|string,
+ *   selected: Observable<boolean>|boolean,
+ *   disabled: Observable<boolean>|boolean,
+ * }} OptionAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & SharedFormAttributes & {
+ *   action:       string,
+ *   method:       'get'|'post',
+ *   enctype:      'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain',
+ *   encType:      'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain',
+ *   novalidate:   Observable<boolean>|boolean,
+ *   noValidate:   Observable<boolean>|boolean,
+ *   target:       '_blank'|'_self'|'_parent'|'_top'|string,
+ *   autocomplete: 'on'|'off',
+ *   autoComplete: 'on'|'off',
+ * }} FormAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   src:            Observable<string>|string,
+ *   autoplay:       Observable<boolean>|boolean,
+ *   autoPlay:       Observable<boolean>|boolean,
+ *   controls:       Observable<boolean>|boolean,
+ *   loop:           Observable<boolean>|boolean,
+ *   muted:          Observable<boolean>|boolean,
+ *   preload:        'auto'|'metadata'|'none',
+ *   width:          Observable<string>|string|number,
+ *   height:         Observable<string>|string|number,
+ *   poster:         string,
+ *   playsinline:    Observable<boolean>|boolean,
+ *   playsInline:    Observable<boolean>|boolean,
+ *   crossorigin:    'anonymous'|'use-credentials',
+ *   crossOrigin:    'anonymous'|'use-credentials',
+ * }} VideoAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   src:            Observable<string>|string,
+ *   autoplay:       Observable<boolean>|boolean,
+ *   autoPlay:       Observable<boolean>|boolean,
+ *   controls:       Observable<boolean>|boolean,
+ *   loop:           Observable<boolean>|boolean,
+ *   muted:          Observable<boolean>|boolean,
+ *   preload:        'auto'|'metadata'|'none',
+ *   crossorigin:    'anonymous'|'use-credentials',
+ *   crossOrigin:    'anonymous'|'use-credentials',
+ * }} AudioAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   width:  Observable<string>|string|number,
+ *   height: Observable<string>|string|number,
+ * }} CanvasAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   open: Observable<boolean>|boolean,
+ * }} DetailsAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   open: Observable<boolean>|boolean,
+ * }} DialogAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   value: Observable<string>|string|number,
+ *   max:   number,
+ * }} ProgressAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   value:   Observable<string>|string|number,
+ *   min:     number,
+ *   max:     number,
+ *   low:     number,
+ *   high:    number,
+ *   optimum: number,
+ * }} MeterAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   src:   string,
+ *   type:  string,
+ *   media: string,
+ * }} SourceAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   colspan:  number,
+ *   colSpan:  number,
+ *   rowspan:  number,
+ *   rowSpan:  number,
+ *   headers:  string,
+ *   scope:    'row'|'col'|'rowgroup'|'colgroup',
+ * }} ThAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   colspan:  number,
+ *   colSpan:  number,
+ *   rowspan:  number,
+ *   rowSpan:  number,
+ *   headers:  string,
+ * }} TdAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   for:      string,
+ *   htmlFor:  string,
+ * }} LabelAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   for:   string,
+ *   form:  string,
+ *   name:  string,
+ * }} OutputAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   datetime: string,
+ *   dateTime: string,
+ * }} TimeAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   cite:     string,
+ *   datetime: string,
+ *   dateTime: string,
+ * }} ModAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   reversed: Observable<boolean>|boolean,
+ *   start:    number,
+ *   type:     '1'|'a'|'A'|'i'|'I',
+ * }} OlAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   viewBox:  string,
+ *   viewbox:  string,
+ *   xmlns:    string,
+ *   width:    Observable<string>|string|number,
+ *   height:   Observable<string>|string|number,
+ * }} SvgAttributes
+ */
+
+/**
+ * @typedef {GlobalAttributes & {
+ *   src:      string,
+ *   kind:     'subtitles'|'captions'|'descriptions'|'chapters'|'metadata',
+ *   srclang:  string,
+ *   srcLang:  string,
+ *   label:    string,
+ *   default:  Observable<boolean>|boolean,
+ * }} TrackAttributes
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.93",
+  "version": "1.0.94",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/src/core/elements/content-formatter.js

@@ -1,32 +1,169 @@
 import HtmlElementWrapper from "../wrappers/HtmlElementWrapper";
 
+/**
+ * Creates a `<div>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLDivElement}
+ */
 export const Div = HtmlElementWrapper('div');
+
+/**
+ * Creates a `<span>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLSpanElement}
+ */
 export const Span = HtmlElementWrapper('span');
+
+/**
+ * Creates a `<label>` element.
+ * @type {function(LabelAttributes=, NdChild|NdChild[]=): HTMLLabelElement}
+ */
 export const Label = HtmlElementWrapper('label');
+
+/**
+ * Creates a `<p>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLParagraphElement}
+ */
 export const P = HtmlElementWrapper('p');
+
+/**
+ * Alias for {@link P}.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLParagraphElement}
+ */
 export const Paragraph = P;
+
+/**
+ * Creates a `<strong>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Strong = HtmlElementWrapper('strong');
+
+/**
+ * Creates a `<h1>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLHeadingElement}
+ */
 export const H1 = HtmlElementWrapper('h1');
+
+/**
+ * Creates a `<h2>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLHeadingElement}
+ */
 export const H2 = HtmlElementWrapper('h2');
+
+/**
+ * Creates a `<h3>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLHeadingElement}
+ */
 export const H3 = HtmlElementWrapper('h3');
+
+/**
+ * Creates a `<h4>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLHeadingElement}
+ */
 export const H4 = HtmlElementWrapper('h4');
+
+/**
+ * Creates a `<h5>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLHeadingElement}
+ */
 export const H5 = HtmlElementWrapper('h5');
+
+/**
+ * Creates a `<h6>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLHeadingElement}
+ */
 export const H6 = HtmlElementWrapper('h6');
 
+/**
+ * Creates a `<br>` element.
+ * @type {function(GlobalAttributes=): HTMLBRElement}
+ */
 export const Br = HtmlElementWrapper('br');
 
+/**
+ * Creates an `<a>` element.
+ * @type {function(AnchorAttributes=, NdChild|NdChild[]=): HTMLAnchorElement}
+ */
 export const Link = HtmlElementWrapper('a');
+
+/**
+ * Creates a `<pre>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLPreElement}
+ */
 export const Pre = HtmlElementWrapper('pre');
+
+/**
+ * Creates a `<code>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Code = HtmlElementWrapper('code');
+
+/**
+ * Creates a `<blockquote>` element.
+ * @type {function(GlobalAttributes & { cite?: string }=, NdChild|NdChild[]=): HTMLQuoteElement}
+ */
 export const Blockquote = HtmlElementWrapper('blockquote');
+
+/**
+ * Creates an `<hr>` element.
+ * @type {function(GlobalAttributes=): HTMLHRElement}
+ */
 export const Hr = HtmlElementWrapper('hr');
+
+/**
+ * Creates an `<em>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Em = HtmlElementWrapper('em');
+
+/**
+ * Creates a `<small>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Small = HtmlElementWrapper('small');
+
+/**
+ * Creates a `<mark>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Mark = HtmlElementWrapper('mark');
+
+/**
+ * Creates a `<del>` element.
+ * @type {function(ModAttributes=, NdChild|NdChild[]=): HTMLModElement}
+ */
 export const Del = HtmlElementWrapper('del');
+
+/**
+ * Creates an `<ins>` element.
+ * @type {function(ModAttributes=, NdChild|NdChild[]=): HTMLModElement}
+ */
 export const Ins = HtmlElementWrapper('ins');
+
+/**
+ * Creates a `<sub>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Sub = HtmlElementWrapper('sub');
+
+/**
+ * Creates a `<sup>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Sup = HtmlElementWrapper('sup');
+
+/**
+ * Creates an `<abbr>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Abbr = HtmlElementWrapper('abbr');
+
+/**
+ * Creates a `<cite>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Cite = HtmlElementWrapper('cite');
-export const Quote = HtmlElementWrapper('q');
+
+/**
+ * Creates a `<q>` element.
+ * @type {function(GlobalAttributes & { cite?: string }=, NdChild|NdChild[]=): HTMLQuoteElement}
+ */
+export const Quote = HtmlElementWrapper('q');

package/src/core/elements/control/for-each-array.js

@@ -9,7 +9,7 @@ import NativeDocumentError from "../../errors/NativeDocumentError";
  * Provides index observables and handles array mutations efficiently.
  *
  * @param {ObservableArray} data - ObservableArray to iterate over
- * @param {Function} callback - Function that renders each item (item, indexObservable) => ValidChild
+ * @param {(item: *, index: null|ObservableItem) => NdChild} callback - Function that renders each item (item, indexObservable) => ValidChild
  * @param {Object} [configs={}] - Configuration options
  * @param {boolean} [configs.shouldKeepItemsInCache] - Whether to cache rendered items
  * @param {boolean} [configs.isParentUniqueChild] - When it's the only child of the parent

package/src/core/elements/control/for-each.js

@@ -11,7 +11,7 @@ import NativeDocumentError from "../../errors/NativeDocumentError";
  * Efficiently manages DOM updates by tracking items with keys.
  *
  * @param {ObservableItem<Array|Object>} data - Observable containing array or object to iterate over
- * @param {Function} callback - Function that renders each item (item, index) => ValidChild
+ * @param {(item: *, index: null|ObservableItem) => NdChild} callback - Function that renders each item (item, index) => ValidChild
  * @param {string|Function} [key] - Property name or function to generate unique keys for items
  * @param {Object} [options={}] - Configuration options
  * @param {boolean} [options.shouldKeepItemsInCache=false] - Whether to cache rendered items

package/src/core/elements/control/show-if.js

@@ -9,7 +9,7 @@ import {ElementCreator} from "../../wrappers/ElementCreator";
  * The element is mounted/unmounted from the DOM as the condition changes.
  *
  * @param {ObservableItem<boolean>|ObservableChecker<boolean>|ObservableWhen} condition - Observable condition to watch
- * @param {ValidChild} child - Element or content to show/hide
+ * @param {NdChild|(() => NdChild)} child - Element or content to show/hide
  * @param {Object} [options={}] - Configuration options
  * @param {string|null} [options.comment=null] - Comment for debugging
  * @param {boolean} [options.shouldKeepInCache=true] - Whether to cache the element when hidden
@@ -57,7 +57,7 @@ export const ShowIf = function(condition, child, { comment = null, shouldKeepInC
  * Inverse of ShowIf - element is shown when condition is false.
  *
  * @param {ObservableItem<boolean>|ObservableChecker<boolean>} condition - Observable condition to watch
- * @param {ValidChild} child - Element or content to show/hide
+ * @param {NdChild|(() => NdChild)} child - Element or content to show/hide
  * @param {Object} [configs] - Configuration options
  * @param {string|null} [configs.comment] - Comment for debugging
  * @param {boolean} [configs.shouldKeepInCache] - Whether to cache element when hidden
@@ -78,7 +78,7 @@ export const HideIf = function(condition, child, configs) {
  * Same as ShowIf - element is shown when condition is true.
  *
  * @param {ObservableItem<boolean>|ObservableChecker<boolean>|ObservableWhen} condition - Observable condition to watch
- * @param {ValidChild} child - Element or content to show/hide
+ * @param {NdChild|(() => NdChild)} child - Element or content to show/hide
  * @param {Object} [configs] - Configuration options
  * @param {string|null} [configs.comment] - Comment for debugging
  * @param {boolean} [configs.shouldKeepInCache] - Whether to cache element when hidden

package/src/core/elements/control/show-when.js

@@ -8,13 +8,13 @@ import {ShowIf} from "./show-if.js";
  *
  * @overload
  * @param {ObservableWhen} observerWhenResult - Result from observable.when(value)
- * @param {ValidChild} view - Content to show when condition matches
+ * @param {NdChild|(() => NdChild)} view - Content to show when condition matches
  * @returns {AnchorDocumentFragment}
  *
  * @overload
  * @param {ObservableItem} observer - Observable to watch
  * @param {*} target - Value to match
- * @param {ValidChild} view - Content to show when observable equals target
+ * @param {NdChild|(() => NdChild)} view - Content to show when observable equals target
  * @returns {AnchorDocumentFragment}
  *
  * @example

package/src/core/elements/control/switch.js

@@ -10,7 +10,7 @@ import {ElementCreator} from "../../wrappers/ElementCreator";
  * Like a switch statement for UI - shows the content corresponding to current value.
  *
  * @param {ObservableItem|ObservableChecker} $condition - Observable to watch
- * @param {Object<string|number, ValidChild>} values - Map of values to their corresponding content
+ * @param {Object<string|number, NdChild|(() => NdChild)>} values - Map of values to their corresponding content
  * @param {boolean} [shouldKeepInCache=true] - Whether to cache rendered views
  * @returns {AnchorDocumentFragment & {add: Function, remove: Function}} Fragment with dynamic methods
  * @example

package/src/core/elements/description-list.js

@@ -1,5 +1,19 @@
 import HtmlElementWrapper from "../wrappers/HtmlElementWrapper";
 
+/**
+ * Creates a `<dl>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLDListElement}
+ */
 export const Dl = HtmlElementWrapper('dl');
+
+/**
+ * Creates a `<dt>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Dt = HtmlElementWrapper('dt');
+
+/**
+ * Creates a `<dd>` element.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): HTMLElement}
+ */
 export const Dd = HtmlElementWrapper('dd');