xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components/HtmlTags/HtmlTags.js

@@ -1,1441 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.htmlDfnTagRenderer = exports.HtmlDfnMd = exports.htmlDetailsTagRenderer = exports.HtmlDetailsMd = exports.htmlDelTagRenderer = exports.HtmlDelMd = exports.htmlDdTagRenderer = exports.HtmlDdMd = exports.htmlDatalistTagRenderer = exports.HtmlDatalistMd = exports.htmlDataTagRenderer = exports.HtmlDataMd = exports.htmlColgroupTagRenderer = exports.HtmlColgroupMd = exports.htmlColTagRenderer = exports.HtmlColMd = exports.htmlCodeTagRenderer = exports.HtmlCodeMd = exports.htmlCiteTagRenderer = exports.HtmlCiteMd = exports.htmlCaptionTagRenderer = exports.HtmlCaptionMd = exports.htmlCanvasTagRenderer = exports.HtmlCanvasMd = exports.htmlButtonTagRenderer = exports.HtmlButtonMd = exports.htmlBrTagRenderer = exports.HtmlBrMd = exports.htmlBlockquoteTagRenderer = exports.HtmlBlockquoteMd = exports.htmlBdoTagRenderer = exports.HtmlBdoMd = exports.htmlBdiTagRenderer = exports.HtmlBdiMd = exports.htmlBTagRenderer = exports.HtmlBMd = exports.htmlAudioTagRenderer = exports.HtmlAudioMd = exports.htmlAsideTagRenderer = exports.HtmlAsideMd = exports.htmlArticleTagRenderer = exports.HtmlArticleMd = exports.htmlAreaTagRenderer = exports.HtmlAreaMd = exports.htmlAddressTagRenderer = exports.HtmlAddressMd = exports.htmlAbbrTagRenderer = exports.HtmlAbbrMd = exports.htmlATagRenderer = exports.HtmlAMd = void 0;
-exports.htmlKbdTagRenderer = exports.HtmlKbdMd = exports.htmlInsTagRenderer = exports.HtmlInsMd = exports.htmlInputTagRenderer = exports.HtmlInputMd = exports.htmlImgTagRenderer = exports.HtmlImgMd = exports.htmlIframeTagRenderer = exports.HtmlIframeMd = exports.htmlITagRenderer = exports.HtmlIMd = exports.htmlHrTagRenderer = exports.HtmlHrMd = exports.htmlHeaderTagRenderer = exports.HtmlHeaderMd = exports.htmlH6TagRenderer = exports.HtmlH6Md = exports.htmlH5TagRenderer = exports.HtmlH5Md = exports.htmlH4TagRenderer = exports.HtmlH4Md = exports.htmlH3TagRenderer = exports.HtmlH3Md = exports.htmlH2TagRenderer = exports.HtmlH2Md = exports.htmlH1TagRenderer = exports.HtmlH1Md = exports.htmlFormTagRenderer = exports.HtmlFormMd = exports.htmlFooterTagRenderer = exports.HtmlFooterMd = exports.htmlFigureTagRenderer = exports.HtmlFigureMd = exports.htmlFigcaptionTagRenderer = exports.HtmlFigcaptionMd = exports.htmlFieldsetTagRenderer = exports.HtmlFieldsetMd = exports.htmlEmbedTagRenderer = exports.HtmlEmbedMd = exports.htmlEMTagRenderer = exports.HtmlEMMd = exports.htmlDtTagRenderer = exports.HtmlDtMd = exports.htmlDlTagRenderer = exports.HtmlDlMd = exports.htmlDivTagRenderer = exports.HtmlDivMd = exports.htmlDialogTagRenderer = exports.HtmlDialogMd = void 0;
-exports.htmlSampTagRenderer = exports.HtmlSampMd = exports.htmlSTagRenderer = exports.HtmlSMd = exports.htmlRubyTagRenderer = exports.HtmlRubyMd = exports.htmlRtTagRenderer = exports.HtmlRtMd = exports.htmlRpTagRenderer = exports.HtmlRpMd = exports.htmlQTagRenderer = exports.HtmlQMd = exports.htmlProgressTagRenderer = exports.HtmlProgressMd = exports.htmlPreTagRenderer = exports.HtmlPreMd = exports.htmlPictureTagRenderer = exports.HtmlPictureMd = exports.htmlParamTagRenderer = exports.HtmlParamMd = exports.htmlPTagRenderer = exports.HtmlPMd = exports.htmlOutputTagRenderer = exports.HtmlOutputMd = exports.htmlOptionTagRenderer = exports.HtmlOptionMd = exports.htmlOptgroupTagRenderer = exports.HtmlOptgroupMd = exports.htmlOlTagRenderer = exports.HtmlOlMd = exports.htmlObjectTagRenderer = exports.HtmlObjectMd = exports.htmlNavTagRenderer = exports.HtmlNavMd = exports.htmlMeterTagRenderer = exports.HtmlMeterMd = exports.htmlMenuTagRenderer = exports.HtmlMenuMd = exports.htmlMarkTagRenderer = exports.HtmlMarkMd = exports.htmlMapTagRenderer = exports.HtmlMapMd = exports.htmlMainTagRenderer = exports.HtmlMainMd = exports.htmlLiTagRenderer = exports.HtmlLiMd = exports.htmlLegendTagRenderer = exports.HtmlLegendMd = exports.htmlLabelTagRenderer = exports.HtmlLabelMd = void 0;
-exports.htmlWbrTagRenderer = exports.HtmlWbrMd = exports.htmlVideoTagRenderer = exports.HtmlVideoMd = exports.htmlVarTagRenderer = exports.HtmlVarMd = exports.htmlUlTagRenderer = exports.HtmlUlMd = exports.htmlUTagRenderer = exports.HtmlUMd = exports.htmlTrackTagRenderer = exports.HtmlTrackMd = exports.htmlTrTagRenderer = exports.HtmlTrMd = exports.htmlTimeTagRenderer = exports.HtmlTimeMd = exports.htmlTheadTagRenderer = exports.HtmlTheadMd = exports.htmlThTagRenderer = exports.HtmlThMd = exports.htmlTfootTagRenderer = exports.HtmlTfootMd = exports.htmlTextareaTagRenderer = exports.HtmlTextareaMd = exports.htmlTemplateTagRenderer = exports.HtmlTemplateMd = exports.htmlTdTagRenderer = exports.HtmlTdMd = exports.htmlTbodyTagRenderer = exports.HtmlTbodyMd = exports.htmlTableTagRenderer = exports.HtmlTableMd = exports.htmlSupTagRenderer = exports.HtmlSupMd = exports.htmlSummaryTagRenderer = exports.HtmlSummaryMd = exports.htmlSubTagRenderer = exports.HtmlSubMd = exports.htmlStrongTagRenderer = exports.HtmlStrongMd = exports.htmlSpanTagRenderer = exports.HtmlSpanMd = exports.htmlSourceTagRenderer = exports.HtmlSourceMd = exports.htmlSmallTagRenderer = exports.HtmlSmallMd = exports.htmlSelectTagRenderer = exports.HtmlSelectMd = exports.htmlSectionTagRenderer = exports.HtmlSectionMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @deprecated HTML Tag Components are temporary and will be removed from the framework.
- *
- * DEPRECATION NOTICE:
- * All HTML tag wrapper components in this file are scheduled for removal in a future version.
- * These components were created as temporary solutions and should not be used in new development.
- *
- * Migration Path:
- * - Replace with native HTML elements or dedicated XMLUI components
- * - Use semantic HTML directly for better performance and maintainability
- * - Consider existing XMLUI components (Button, Link, Text, Heading, etc.) for common use cases
- *
- * Timeline: These components will be removed in the next major version release.
- */
-const renderers_1 = require("../../components-core/renderers");
-const HtmlTags_module_scss_1 = __importDefault(require("./HtmlTags.module.scss"));
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const LinkNative_1 = require("../Link/LinkNative");
-const HeadingNative_1 = require("../Heading/HeadingNative");
-const TextNative_1 = require("../Text/TextNative");
-const extractParam_1 = require("../../components-core/utils/extractParam");
-const metadata_helpers_1 = require("../metadata-helpers");
-const classnames_1 = __importDefault(require("classnames"));
-exports.HtmlAMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `a` tag.",
-    isHtmlTag: true,
-    props: {
-        href: (0, metadata_helpers_1.d)("Specifies the URL of the page the link goes to"),
-        target: (0, metadata_helpers_1.d)("Specifies where to open the linked document"),
-        rel: (0, metadata_helpers_1.d)("Specifies the relationship between the current document and the linked document"),
-        download: (0, metadata_helpers_1.d)("Indicates that the target will be downloaded when a user clicks on the hyperlink"),
-        hreflang: (0, metadata_helpers_1.d)("Specifies the language of the linked document"),
-        type: (0, metadata_helpers_1.d)("Specifies the MIME type of the linked document"),
-        ping: (0, metadata_helpers_1.d)("Specifies a space-separated list of URLs to be notified if the user follows the hyperlink"),
-        referrerPolicy: (0, metadata_helpers_1.d)("Specifies the referrer policy for the element"),
-        disabled: (0, metadata_helpers_1.d)("Specifies that the link should be disabled"),
-    },
-});
-exports.htmlATagRenderer = (0, renderers_1.createComponentRenderer)("a", exports.HtmlAMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { disabled } = p.asOptionalBoolean("disabled");
-    const _a = p.asRest(), { href } = _a, rest = __rest(_a, ["href"]);
-    return ((0, jsx_runtime_1.jsx)(LinkNative_1.LinkNative, Object.assign({ to: href, disabled: disabled !== null && disabled !== void 0 ? disabled : false, className: className }, rest, { children: renderChild(node.children) })));
-});
-exports.HtmlAbbrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `abbr` tag.",
-    isHtmlTag: true,
-});
-exports.htmlAbbrTagRenderer = (0, renderers_1.createComponentRenderer)("abbr", exports.HtmlAbbrMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "abbr", children: renderChild(node.children) })));
-});
-exports.HtmlAddressMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `address` tag.",
-    isHtmlTag: true,
-});
-exports.htmlAddressTagRenderer = (0, renderers_1.createComponentRenderer)("address", exports.HtmlAddressMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("address", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlAreaMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `area` tag.",
-    isHtmlTag: true,
-    props: {
-        alt: (0, metadata_helpers_1.d)("Specifies an alternate text for the area"),
-        coords: (0, metadata_helpers_1.d)("Specifies the coordinates of the area"),
-        download: (0, metadata_helpers_1.d)("Indicates that the target will be downloaded when a user clicks on the area"),
-        href: (0, metadata_helpers_1.d)("Specifies the URL of the linked document"),
-        hrefLang: (0, metadata_helpers_1.d)("Specifies the language of the linked document"),
-        referrerPolicy: (0, metadata_helpers_1.d)("Specifies the referrer policy for the area"),
-        rel: (0, metadata_helpers_1.d)("Specifies the relationship between the current document and the linked document"),
-        shape: (0, metadata_helpers_1.d)("Specifies the shape of the area"),
-        target: (0, metadata_helpers_1.d)("Specifies where to open the linked document"),
-        media: (0, metadata_helpers_1.d)("Specifies a media query for the linked resource"),
-    },
-});
-exports.htmlAreaTagRenderer = (0, renderers_1.createComponentRenderer)("area", exports.HtmlAreaMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("area", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlArticleMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `article` tag.",
-    isHtmlTag: true,
-});
-exports.htmlArticleTagRenderer = (0, renderers_1.createComponentRenderer)("article", exports.HtmlArticleMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("article", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlAsideMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `aside` tag.",
-    isHtmlTag: true,
-});
-exports.htmlAsideTagRenderer = (0, renderers_1.createComponentRenderer)("aside", exports.HtmlAsideMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("aside", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlAudioMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `audio` tag.",
-    isHtmlTag: true,
-    props: {
-        autoPlay: (0, metadata_helpers_1.d)("Specifies that the audio will start playing as soon as it is ready"),
-        controls: (0, metadata_helpers_1.d)("Specifies that audio controls should be displayed"),
-        crossOrigin: (0, metadata_helpers_1.d)("Specifies how the element handles cross-origin requests"),
-        loop: (0, metadata_helpers_1.d)("Specifies that the audio will start over again every time it is finished"),
-        muted: (0, metadata_helpers_1.d)("Specifies that the audio output should be muted"),
-        preload: (0, metadata_helpers_1.d)("Specifies if and how the author thinks the audio should be loaded when the page loads"),
-        src: (0, metadata_helpers_1.d)("Specifies the URL of the audio file"),
-    },
-});
-exports.htmlAudioTagRenderer = (0, renderers_1.createComponentRenderer)("audio", exports.HtmlAudioMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { autoPlay, controls, loop, muted } = p.asOptionalBoolean("autoPlay", "controls", "loop", "muted");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("audio", Object.assign({ className: className, autoPlay: autoPlay !== null && autoPlay !== void 0 ? autoPlay : false, controls: controls !== null && controls !== void 0 ? controls : false, loop: loop !== null && loop !== void 0 ? loop : false, muted: muted !== null && muted !== void 0 ? muted : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlBMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `b` tag.",
-    isHtmlTag: true,
-});
-exports.htmlBTagRenderer = (0, renderers_1.createComponentRenderer)("b", exports.HtmlBMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("b", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlBdiMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `bdi` tag.",
-    isHtmlTag: true,
-});
-exports.htmlBdiTagRenderer = (0, renderers_1.createComponentRenderer)("bdi", exports.HtmlBdiMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("bdi", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlBdoMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `bdo` tag.",
-    isHtmlTag: true,
-    props: {
-        dir: (0, metadata_helpers_1.d)("Specifies the text direction override"),
-    },
-});
-exports.htmlBdoTagRenderer = (0, renderers_1.createComponentRenderer)("bdo", exports.HtmlBdoMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("bdo", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlBlockquoteMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `blockquote` tag.",
-    isHtmlTag: true,
-    props: {
-        cite: (0, metadata_helpers_1.d)("Specifies the source of the quotation"),
-    },
-});
-exports.htmlBlockquoteTagRenderer = (0, renderers_1.createComponentRenderer)("blockquote", exports.HtmlBlockquoteMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("blockquote", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlBrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `br` tag.",
-    isHtmlTag: true,
-});
-exports.htmlBrTagRenderer = (0, renderers_1.createComponentRenderer)("br", exports.HtmlBrMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("br", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlButtonMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `button` tag.",
-    isHtmlTag: true,
-    props: {
-        autoFocus: (0, metadata_helpers_1.d)("Specifies that the button should automatically get focus when the page loads"),
-        disabled: (0, metadata_helpers_1.d)("Specifies that the button should be disabled"),
-        form: (0, metadata_helpers_1.d)("Specifies the form the button belongs to"),
-        formAction: (0, metadata_helpers_1.d)("Specifies the URL of a file that processes the information submitted by the button"),
-        formEncType: (0, metadata_helpers_1.d)("Specifies how the form-data should be encoded when submitting it to the server"),
-        formMethod: (0, metadata_helpers_1.d)("Specifies the HTTP method to use when sending form-data"),
-        formNoValidate: (0, metadata_helpers_1.d)("Specifies that the form should not be validated when submitted"),
-        formTarget: (0, metadata_helpers_1.d)("Specifies where to display the response after submitting the form"),
-        name: (0, metadata_helpers_1.d)("Specifies a name for the button"),
-        type: (0, metadata_helpers_1.d)("Specifies the type of the button"),
-        value: (0, metadata_helpers_1.d)("Specifies the value associated with the button"),
-    },
-});
-exports.htmlButtonTagRenderer = (0, renderers_1.createComponentRenderer)("button", exports.HtmlButtonMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { autoFocus, disabled, formNoValidate } = p.asOptionalBoolean("autoFocus", "disabled", "formNoValidate");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className, autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : false, disabled: disabled !== null && disabled !== void 0 ? disabled : false, formNoValidate: formNoValidate !== null && formNoValidate !== void 0 ? formNoValidate : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlCanvasMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `canvas` tag.",
-    isHtmlTag: true,
-    props: {
-        width: (0, metadata_helpers_1.d)("Specifies the width of the canvas"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of the canvas"),
-    },
-});
-exports.htmlCanvasTagRenderer = (0, renderers_1.createComponentRenderer)("canvas", exports.HtmlCanvasMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const sizeProps = p.asOptionalNumber("width", "height");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("canvas", Object.assign({ className: className }, sizeProps, props, { children: renderChild(node.children) })));
-});
-exports.HtmlCaptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `caption` tag.",
-    isHtmlTag: true,
-});
-exports.htmlCaptionTagRenderer = (0, renderers_1.createComponentRenderer)("caption", exports.HtmlCaptionMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("caption", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlCiteMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `cite` tag.",
-    isHtmlTag: true,
-});
-exports.htmlCiteTagRenderer = (0, renderers_1.createComponentRenderer)("cite", exports.HtmlCiteMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "cite", children: renderChild(node.children) })));
-});
-exports.HtmlCodeMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `code` tag.",
-    isHtmlTag: true,
-});
-exports.htmlCodeTagRenderer = (0, renderers_1.createComponentRenderer)("code", exports.HtmlCodeMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "code", children: renderChild(node.children) })));
-});
-exports.HtmlColMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `col` tag.",
-    isHtmlTag: true,
-    props: {
-        span: (0, metadata_helpers_1.d)("Specifies the number of columns a `col` element should span"),
-    },
-});
-exports.htmlColTagRenderer = (0, renderers_1.createComponentRenderer)("col", exports.HtmlColMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { span } = p.asOptionalNumber("span");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("col", Object.assign({ className: className, span: span }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlColgroupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `colgroup` tag.",
-    isHtmlTag: true,
-    props: {
-        span: (0, metadata_helpers_1.d)("Specifies the number of columns in a `colgroup`"),
-    },
-});
-exports.htmlColgroupTagRenderer = (0, renderers_1.createComponentRenderer)("colgroup", exports.HtmlColgroupMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { span } = p.asOptionalNumber("span");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("colgroup", Object.assign({ className: className, span: span }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDataMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `data` tag.",
-    isHtmlTag: true,
-    props: {
-        value: (0, metadata_helpers_1.d)("Specifies the machine-readable value of the element"),
-    },
-});
-exports.htmlDataTagRenderer = (0, renderers_1.createComponentRenderer)("data", exports.HtmlDataMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("data", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDatalistMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `datalist` tag.",
-    isHtmlTag: true,
-});
-exports.htmlDatalistTagRenderer = (0, renderers_1.createComponentRenderer)("datalist", exports.HtmlDatalistMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("datalist", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDdMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `dd` tag.",
-    isHtmlTag: true,
-});
-exports.htmlDdTagRenderer = (0, renderers_1.createComponentRenderer)("dd", exports.HtmlDdMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("dd", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDelMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `del` tag.",
-    isHtmlTag: true,
-    props: {
-        cite: (0, metadata_helpers_1.d)("Specifies the source of the quotation"),
-        dateTime: (0, metadata_helpers_1.d)("Specifies the date and time of the edit"),
-    },
-});
-exports.htmlDelTagRenderer = (0, renderers_1.createComponentRenderer)("del", exports.HtmlDelMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "deleted", children: renderChild(node.children) })));
-});
-exports.HtmlDetailsMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `details` tag.",
-    isHtmlTag: true,
-    props: {
-        open: (0, metadata_helpers_1.d)("Specifies that the details are visible (open)"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsDetails),
-    defaultThemeVars: {
-        "marginTop-HtmlDetails": "1rem",
-        "marginBottom-HtmlDetails": "1rem",
-    },
-});
-exports.htmlDetailsTagRenderer = (0, renderers_1.createComponentRenderer)("details", exports.HtmlDetailsMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { open } = p.asOptionalBoolean("open");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("details", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlDetails, className), open: open !== null && open !== void 0 ? open : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDfnMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `dfn` tag.",
-    isHtmlTag: true,
-});
-exports.htmlDfnTagRenderer = (0, renderers_1.createComponentRenderer)("dfn", exports.HtmlDfnMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("dfn", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDialogMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `dialog` tag.",
-    isHtmlTag: true,
-    props: {
-        open: (0, metadata_helpers_1.d)("Specifies that the dialog is open"),
-    },
-});
-exports.htmlDialogTagRenderer = (0, renderers_1.createComponentRenderer)("dialog", exports.HtmlDialogMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { open } = p.asOptionalBoolean("open");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("dialog", Object.assign({ className: className, open: open !== null && open !== void 0 ? open : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDivMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `div` tag.",
-    isHtmlTag: true,
-});
-exports.htmlDivTagRenderer = (0, renderers_1.createComponentRenderer)("div", exports.HtmlDivMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDlMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `dl` tag.",
-    isHtmlTag: true,
-});
-exports.htmlDlTagRenderer = (0, renderers_1.createComponentRenderer)("dl", exports.HtmlDlMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("dl", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlDtMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `dt` tag.",
-    isHtmlTag: true,
-});
-exports.htmlDtTagRenderer = (0, renderers_1.createComponentRenderer)("dt", exports.HtmlDtMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("dt", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlEMMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `em` tag.",
-    isHtmlTag: true,
-});
-exports.htmlEMTagRenderer = (0, renderers_1.createComponentRenderer)("em", exports.HtmlEMMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "em", children: renderChild(node.children) })));
-});
-exports.HtmlEmbedMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `embed` tag.",
-    isHtmlTag: true,
-    props: {
-        src: (0, metadata_helpers_1.d)("Specifies the URL of the resource"),
-        type: (0, metadata_helpers_1.d)("Specifies the type of the resource"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of the embed"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of the embed"),
-    },
-});
-exports.htmlEmbedTagRenderer = (0, renderers_1.createComponentRenderer)("embed", exports.HtmlEmbedMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { src } = p.asUrlResource("src");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("embed", Object.assign({ className: className, src: src }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlFieldsetMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `fieldset` tag.",
-    isHtmlTag: true,
-    props: {
-        disabled: (0, metadata_helpers_1.d)("Specifies that the fieldset should be disabled"),
-        form: (0, metadata_helpers_1.d)("Specifies the form the fieldset belongs to"),
-        name: (0, metadata_helpers_1.d)("Specifies a name for the fieldset"),
-    },
-});
-exports.htmlFieldsetTagRenderer = (0, renderers_1.createComponentRenderer)("fieldset", exports.HtmlFieldsetMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { disabled } = p.asOptionalBoolean("disabled");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("fieldset", Object.assign({ className: className, disabled: disabled !== null && disabled !== void 0 ? disabled : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlFigcaptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `figcaption` tag.",
-    isHtmlTag: true,
-});
-exports.htmlFigcaptionTagRenderer = (0, renderers_1.createComponentRenderer)("figcaption", exports.HtmlFigcaptionMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("figcaption", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlFigureMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `figure` tag.",
-    isHtmlTag: true,
-});
-exports.htmlFigureTagRenderer = (0, renderers_1.createComponentRenderer)("figure", exports.HtmlFigureMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlFooterMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `footer` tag.",
-    isHtmlTag: true,
-});
-exports.htmlFooterTagRenderer = (0, renderers_1.createComponentRenderer)("footer", exports.HtmlFooterMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("footer", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlFormMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `form` tag.",
-    isHtmlTag: true,
-    props: {
-        acceptCharset: (0, metadata_helpers_1.d)("Specifies the character encodings that are to be used for the form submission"),
-        action: (0, metadata_helpers_1.d)("Specifies where to send the form-data when a form is submitted"),
-        autoComplete: (0, metadata_helpers_1.d)("Specifies whether a form should have auto-completion"),
-        encType: (0, metadata_helpers_1.d)("Specifies how the form-data should be encoded when submitting it to the server"),
-        method: (0, metadata_helpers_1.d)("Specifies the HTTP method to use when sending form-data"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the form"),
-        noValidate: (0, metadata_helpers_1.d)("Specifies that the form should not be validated when submitted"),
-        target: (0, metadata_helpers_1.d)("Specifies where to display the response after submitting the form"),
-    },
-});
-exports.htmlFormTagRenderer = (0, renderers_1.createComponentRenderer)("form", exports.HtmlFormMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { noValidate } = p.asOptionalBoolean("noValidate");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("form", Object.assign({ className: className, noValidate: noValidate !== null && noValidate !== void 0 ? noValidate : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlH1Md = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `h1` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
-    defaultThemeVars: {
-        "marginTop-HtmlHeading": "1rem",
-        "marginBottom-HtmlHeading": ".5rem",
-    },
-});
-exports.htmlH1TagRenderer = (0, renderers_1.createComponentRenderer)("h1", exports.HtmlH1Md, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ className: (0, classnames_1.default)(className, HtmlTags_module_scss_1.default.htmlHeading) }, props, { level: "h1", children: renderChild(node.children) })));
-});
-exports.HtmlH2Md = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `h2` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
-    defaultThemeVars: {
-        "marginTop-HtmlHeading": "1rem",
-        "marginBottom-HtmlHeading": ".5rem",
-    },
-});
-exports.htmlH2TagRenderer = (0, renderers_1.createComponentRenderer)("h2", exports.HtmlH2Md, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ className: (0, classnames_1.default)(className, HtmlTags_module_scss_1.default.htmlHeading) }, props, { level: "h2", children: renderChild(node.children) })));
-});
-exports.HtmlH3Md = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `h3` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
-    defaultThemeVars: {
-        "marginTop-HtmlHeading": "1rem",
-        "marginBottom-HtmlHeading": ".5rem",
-    },
-});
-exports.htmlH3TagRenderer = (0, renderers_1.createComponentRenderer)("h3", exports.HtmlH3Md, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ className: (0, classnames_1.default)(className, HtmlTags_module_scss_1.default.htmlHeading) }, props, { level: "h3", children: renderChild(node.children) })));
-});
-exports.HtmlH4Md = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `h4` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
-    defaultThemeVars: {
-        "marginTop-HtmlHeading": "1rem",
-        "marginBottom-HtmlHeading": ".5rem",
-    },
-});
-exports.htmlH4TagRenderer = (0, renderers_1.createComponentRenderer)("h4", exports.HtmlH4Md, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ className: (0, classnames_1.default)(className, HtmlTags_module_scss_1.default.htmlHeading) }, props, { level: "h4", children: renderChild(node.children) })));
-});
-exports.HtmlH5Md = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `h5` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
-    defaultThemeVars: {
-        "marginTop-HtmlHeading": "1rem",
-        "marginBottom-HtmlHeading": ".5rem",
-    },
-});
-exports.htmlH5TagRenderer = (0, renderers_1.createComponentRenderer)("h5", exports.HtmlH5Md, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ className: (0, classnames_1.default)(className, HtmlTags_module_scss_1.default.htmlHeading) }, props, { level: "h5", children: renderChild(node.children) })));
-});
-exports.HtmlH6Md = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `h6` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
-    defaultThemeVars: {
-        "marginTop-HtmlHeading": "1rem",
-        "marginBottom-HtmlHeading": ".5rem",
-    },
-});
-exports.htmlH6TagRenderer = (0, renderers_1.createComponentRenderer)("h6", exports.HtmlH6Md, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ className: (0, classnames_1.default)(className, HtmlTags_module_scss_1.default.htmlHeading) }, props, { level: "h6", children: renderChild(node.children) })));
-});
-exports.HtmlHeaderMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `header` tag.",
-    isHtmlTag: true,
-});
-exports.htmlHeaderTagRenderer = (0, renderers_1.createComponentRenderer)("header", exports.HtmlHeaderMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("header", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlHrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `hr` tag.",
-    isHtmlTag: true,
-});
-exports.htmlHrTagRenderer = (0, renderers_1.createComponentRenderer)("hr", exports.HtmlHrMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("hr", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlIMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `i` tag.",
-    isHtmlTag: true,
-});
-exports.htmlITagRenderer = (0, renderers_1.createComponentRenderer)("i", exports.HtmlIMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("i", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlIframeMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `iframe` tag.",
-    isHtmlTag: true,
-    props: {
-        src: (0, metadata_helpers_1.d)("Specifies the URL of the page to embed"),
-        srcDoc: (0, metadata_helpers_1.d)("Specifies the HTML content of the page to embed"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the iframe"),
-        sandbox: (0, metadata_helpers_1.d)("Specifies a set of extra restrictions for the content in the iframe"),
-        allow: (0, metadata_helpers_1.d)("Specifies a feature policy for the iframe"),
-        allowFullScreen: (0, metadata_helpers_1.d)("Specifies that the iframe can be displayed in full-screen mode"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of the iframe"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of the iframe"),
-        loading: (0, metadata_helpers_1.d)("Specifies the loading behavior of the iframe"),
-        referrerPolicy: (0, metadata_helpers_1.d)("Specifies the referrer policy for the iframe"),
-    },
-});
-exports.htmlIframeTagRenderer = (0, renderers_1.createComponentRenderer)("iframe", exports.HtmlIframeMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { src } = p.asUrlResource("src");
-    const { allowFullScreen } = p.asOptionalBoolean("allowFullScreen");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("iframe", Object.assign({ className: className, src: src, allowFullScreen: allowFullScreen !== null && allowFullScreen !== void 0 ? allowFullScreen : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlImgMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `img` tag.",
-    isHtmlTag: true,
-    props: {
-        alt: (0, metadata_helpers_1.d)("Specifies an alternate text for an image"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of an image"),
-        src: (0, metadata_helpers_1.d)("Specifies the path to the image"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of an image"),
-        useMap: (0, metadata_helpers_1.d)("Specifies an image as a client-side image map"),
-        loading: (0, metadata_helpers_1.d)("Specifies the loading behavior of the image"),
-        referrerPolicy: (0, metadata_helpers_1.d)("Specifies the referrer policy for the image"),
-        sizes: (0, metadata_helpers_1.d)("Specifies image sizes for different page layouts"),
-    }
-});
-exports.htmlImgTagRenderer = (0, renderers_1.createComponentRenderer)("img", exports.HtmlImgMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { src } = p.asUrlResource("src");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("img", Object.assign({ className: className, src: src }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlInputMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `input` tag.",
-    isHtmlTag: true,
-    props: {
-        type: (0, metadata_helpers_1.d)("Specifies the type of input"),
-        value: (0, metadata_helpers_1.d)("Specifies the value of the input"),
-        placeholder: (0, metadata_helpers_1.d)("Specifies a short hint that describes the expected value of the input"),
-        autoFocus: (0, metadata_helpers_1.d)("Specifies that the input should automatically get focus when the page loads"),
-        checked: (0, metadata_helpers_1.d)("Specifies that the input should be pre-selected"),
-        disabled: (0, metadata_helpers_1.d)("Specifies that the input should be disabled"),
-        form: (0, metadata_helpers_1.d)("Specifies the form the input belongs to"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the input"),
-        list: (0, metadata_helpers_1.d)("Specifies the id of a datalist element that contains pre-defined options for the input"),
-        max: (0, metadata_helpers_1.d)("Specifies the maximum value for an input"),
-        maxLength: (0, metadata_helpers_1.d)("Specifies the maximum number of characters allowed in an input"),
-        min: (0, metadata_helpers_1.d)("Specifies the minimum value for an input"),
-        minLength: (0, metadata_helpers_1.d)("Specifies the minimum number of characters allowed in an input"),
-        multiple: (0, metadata_helpers_1.d)("Specifies that a user can enter more than one value"),
-        pattern: (0, metadata_helpers_1.d)("Specifies a regular expression that an input's value is checked against"),
-        readOnly: (0, metadata_helpers_1.d)("Specifies that the input is read-only"),
-        required: (0, metadata_helpers_1.d)("Specifies that the input is required"),
-        size: (0, metadata_helpers_1.d)("Specifies the width, in characters, of an input"),
-        step: (0, metadata_helpers_1.d)("Specifies the legal number intervals for an input"),
-    },
-});
-exports.htmlInputTagRenderer = (0, renderers_1.createComponentRenderer)("input", exports.HtmlInputMd, ({ node, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { autoFocus, checked, disabled, readOnly, required, multiple } = p.asOptionalBoolean("autoFocus", "checked", "disabled", "readOnly", "required", "multiple");
-    const numberProps = p.asOptionalNumber("maxLength", "minLength", "size");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("input", Object.assign({ className: className, autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : false, checked: checked !== null && checked !== void 0 ? checked : false, disabled: disabled !== null && disabled !== void 0 ? disabled : false, multiple: multiple !== null && multiple !== void 0 ? multiple : false, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : false, required: required !== null && required !== void 0 ? required : false }, numberProps, props)));
-});
-exports.HtmlInsMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `ins` tag.",
-    isHtmlTag: true,
-    props: {
-        cite: (0, metadata_helpers_1.d)("Specifies the source URL for the inserted text"),
-        dateTime: (0, metadata_helpers_1.d)("Specifies the date and time when the text was inserted"),
-    },
-});
-exports.htmlInsTagRenderer = (0, renderers_1.createComponentRenderer)("ins", exports.HtmlInsMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "inserted", children: renderChild(node.children) })));
-});
-exports.HtmlKbdMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `kbd` tag.",
-    isHtmlTag: true,
-});
-exports.htmlKbdTagRenderer = (0, renderers_1.createComponentRenderer)("kbd", exports.HtmlKbdMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "keyboard", children: renderChild(node.children) })));
-});
-exports.HtmlLabelMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `label` tag.",
-    isHtmlTag: true,
-    props: {
-        htmlFor: (0, metadata_helpers_1.d)("Specifies which form element a label is bound to"),
-    },
-});
-exports.htmlLabelTagRenderer = (0, renderers_1.createComponentRenderer)("label", exports.HtmlLabelMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlLegendMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `legend` tag.",
-    isHtmlTag: true,
-});
-exports.htmlLegendTagRenderer = (0, renderers_1.createComponentRenderer)("legend", exports.HtmlLegendMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("legend", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlLiMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `li` tag.",
-    isHtmlTag: true,
-    props: {
-        value: (0, metadata_helpers_1.d)("Specifies the value of the list item (if the parent is an ordered list)"),
-    },
-    defaultThemeVars: {
-        "marginLeft-HtmlLi": "$space-6",
-        "paddingLeft-HtmlLi": "$space-1",
-    }
-});
-exports.htmlLiTagRenderer = (0, renderers_1.createComponentRenderer)("li", exports.HtmlLiMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { value } = p.asOptionalNumber("value");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: className, value: value }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlMainMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `main` tag.",
-    isHtmlTag: true,
-});
-exports.htmlMainTagRenderer = (0, renderers_1.createComponentRenderer)("main", exports.HtmlMainMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("main", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlMapMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `map` tag.",
-    isHtmlTag: true,
-    props: {
-        name: (0, metadata_helpers_1.d)("Specifies the name of the map"),
-    },
-});
-exports.htmlMapTagRenderer = (0, renderers_1.createComponentRenderer)("map", exports.HtmlMapMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("map", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlMarkMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `mark` tag.",
-    isHtmlTag: true,
-});
-exports.htmlMarkTagRenderer = (0, renderers_1.createComponentRenderer)("mark", exports.HtmlMarkMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "marked", children: renderChild(node.children) })));
-});
-exports.HtmlMenuMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `menu` tag.",
-    isHtmlTag: true,
-    props: {
-        type: (0, metadata_helpers_1.d)("Specifies the type of the menu"),
-    },
-});
-exports.htmlMenuTagRenderer = (0, renderers_1.createComponentRenderer)("menu", exports.HtmlMenuMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("menu", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlMeterMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `meter` tag.",
-    isHtmlTag: true,
-    props: {
-        min: (0, metadata_helpers_1.d)("Specifies the minimum value"),
-        max: (0, metadata_helpers_1.d)("Specifies the maximum value"),
-        low: (0, metadata_helpers_1.d)("Specifies the lower bound of the high value"),
-        high: (0, metadata_helpers_1.d)("Specifies the upper bound of the low value"),
-        optimum: (0, metadata_helpers_1.d)("Specifies the optimal value"),
-        value: (0, metadata_helpers_1.d)("Specifies the current value"),
-    },
-});
-exports.htmlMeterTagRenderer = (0, renderers_1.createComponentRenderer)("meter", exports.HtmlMeterMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const numberProps = p.asOptionalNumber("value", "min", "max", "low", "high", "optimum");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("meter", Object.assign({ className: className }, numberProps, props, { children: renderChild(node.children) })));
-});
-exports.HtmlNavMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `nav` tag.",
-    isHtmlTag: true,
-});
-exports.htmlNavTagRenderer = (0, renderers_1.createComponentRenderer)("nav", exports.HtmlNavMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("nav", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlObjectMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `object` tag.",
-    isHtmlTag: true,
-    props: {
-        data: (0, metadata_helpers_1.d)("Specifies the URL of the resource"),
-        type: (0, metadata_helpers_1.d)("Specifies the MIME type of the resource"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the object"),
-        form: (0, metadata_helpers_1.d)("Specifies the form the object belongs to"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of the object"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of the object"),
-    },
-});
-exports.htmlObjectTagRenderer = (0, renderers_1.createComponentRenderer)("object", exports.HtmlObjectMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("object", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlOlMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `ol` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsList), // Use only themeVarsList
-    defaultThemeVars: {
-        "marginTop-HtmlOl": "$space-5",
-        "marginBottom-HtmlOl": "$space-5",
-    },
-});
-exports.htmlOlTagRenderer = (0, renderers_1.createComponentRenderer)("ol", exports.HtmlOlMd, // Use HtmlOlMd instead of HtmlListMd
-({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("ol", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlOl, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlOptgroupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `optgroup` tag.",
-    isHtmlTag: true,
-    props: {
-        label: (0, metadata_helpers_1.d)("Specifies the label for the option group"),
-        disabled: (0, metadata_helpers_1.d)("Specifies that the option group is disabled"),
-    },
-});
-exports.htmlOptgroupTagRenderer = (0, renderers_1.createComponentRenderer)("optgroup", exports.HtmlOptgroupMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { disabled } = p.asOptionalBoolean("disabled");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("optgroup", Object.assign({ className: className, disabled: disabled !== null && disabled !== void 0 ? disabled : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlOptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `option` tag.",
-    isHtmlTag: true,
-    props: {
-        disabled: (0, metadata_helpers_1.d)("Specifies that the option should be disabled"),
-        label: (0, metadata_helpers_1.d)("Specifies the label of the option"),
-        selected: (0, metadata_helpers_1.d)("Specifies that the option should be pre-selected"),
-        value: (0, metadata_helpers_1.d)("Specifies the value of the option"),
-    },
-});
-exports.htmlOptionTagRenderer = (0, renderers_1.createComponentRenderer)("option", exports.HtmlOptionMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { disabled, selected } = p.asOptionalBoolean("disabled", "selected");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("option", Object.assign({ className: className, disabled: disabled !== null && disabled !== void 0 ? disabled : false, selected: selected !== null && selected !== void 0 ? selected : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlOutputMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `output` tag.",
-    isHtmlTag: true,
-    props: {
-        form: (0, metadata_helpers_1.d)("Specifies the form element that the output is associated with"),
-        htmlFor: (0, metadata_helpers_1.d)("Specifies the IDs of the elements that this output is related to"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the output"),
-    },
-});
-exports.htmlOutputTagRenderer = (0, renderers_1.createComponentRenderer)("output", exports.HtmlOutputMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("output", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlPMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `p` tag.",
-    isHtmlTag: true,
-});
-exports.htmlPTagRenderer = (0, renderers_1.createComponentRenderer)("p", exports.HtmlPMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "paragraph", children: renderChild(node.children) })));
-});
-exports.HtmlParamMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `param` tag.",
-    isHtmlTag: true,
-    props: {
-        name: (0, metadata_helpers_1.d)("Specifies the name of the parameter"),
-        value: (0, metadata_helpers_1.d)("Specifies the value of the parameter"),
-    },
-});
-exports.htmlParamTagRenderer = (0, renderers_1.createComponentRenderer)("param", exports.HtmlParamMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("param", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlPictureMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `picture` tag.",
-    isHtmlTag: true,
-});
-exports.htmlPictureTagRenderer = (0, renderers_1.createComponentRenderer)("picture", exports.HtmlPictureMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("picture", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlPreMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `pre` tag.",
-    isHtmlTag: true,
-});
-exports.htmlPreTagRenderer = (0, renderers_1.createComponentRenderer)("pre", exports.HtmlPreMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "codefence", children: renderChild(node.children) })));
-});
-exports.HtmlProgressMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `progress` tag.",
-    isHtmlTag: true,
-    props: {
-        max: (0, metadata_helpers_1.d)("Specifies the maximum value of the progress element"),
-        value: (0, metadata_helpers_1.d)("Specifies the current value of the progress element"),
-    },
-});
-exports.htmlProgressTagRenderer = (0, renderers_1.createComponentRenderer)("progress", exports.HtmlProgressMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const numberProps = p.asOptionalNumber("max", "value");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("progress", Object.assign({ className: className }, numberProps, props, { children: renderChild(node.children) })));
-});
-exports.HtmlQMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `q` tag.",
-    isHtmlTag: true,
-    props: {
-        cite: (0, metadata_helpers_1.d)("Specifies the source URL of the quotation"),
-    },
-});
-exports.htmlQTagRenderer = (0, renderers_1.createComponentRenderer)("q", exports.HtmlQMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("q", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlRpMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `rp` tag.",
-    isHtmlTag: true,
-});
-exports.htmlRpTagRenderer = (0, renderers_1.createComponentRenderer)("rp", exports.HtmlRpMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("rp", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlRtMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `rt` tag.",
-    isHtmlTag: true,
-});
-exports.htmlRtTagRenderer = (0, renderers_1.createComponentRenderer)("rt", exports.HtmlRtMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("rt", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlRubyMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `ruby` tag.",
-    isHtmlTag: true,
-});
-exports.htmlRubyTagRenderer = (0, renderers_1.createComponentRenderer)("ruby", exports.HtmlRubyMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("ruby", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlSMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `s` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSTagRenderer = (0, renderers_1.createComponentRenderer)("s", exports.HtmlSMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("s", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlSampMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `samp` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSampTagRenderer = (0, renderers_1.createComponentRenderer)("samp", exports.HtmlSampMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "sample", children: renderChild(node.children) })));
-});
-exports.HtmlSectionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `section` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSectionTagRenderer = (0, renderers_1.createComponentRenderer)("section", exports.HtmlSectionMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("section", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlSelectMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `select` tag.",
-    isHtmlTag: true,
-    props: {
-        autoFocus: (0, metadata_helpers_1.d)("Specifies that the select should automatically get focus when the page loads"),
-        disabled: (0, metadata_helpers_1.d)("Specifies that the select should be disabled"),
-        form: (0, metadata_helpers_1.d)("Specifies the form the select belongs to"),
-        multiple: (0, metadata_helpers_1.d)("Specifies that multiple options can be selected at once"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the select"),
-        required: (0, metadata_helpers_1.d)("Specifies that the select is required"),
-        size: (0, metadata_helpers_1.d)("Specifies the number of visible options in the select"),
-    },
-});
-exports.htmlSelectTagRenderer = (0, renderers_1.createComponentRenderer)("select", exports.HtmlSelectMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { autoFocus, disabled, multiple, required } = p.asOptionalBoolean("autoFocus", "disabled", "multiple", "required");
-    const { size } = p.asOptionalNumber("size");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("select", Object.assign({ className: className, autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : false, disabled: disabled !== null && disabled !== void 0 ? disabled : false, multiple: multiple !== null && multiple !== void 0 ? multiple : false, required: required !== null && required !== void 0 ? required : false, size: size }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlSmallMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `small` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSmallTagRenderer = (0, renderers_1.createComponentRenderer)("small", exports.HtmlSmallMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "small", children: renderChild(node.children) })));
-});
-exports.HtmlSourceMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `source` tag.",
-    isHtmlTag: true,
-    props: {
-        src: (0, metadata_helpers_1.d)("Specifies the URL of the media file"),
-        type: (0, metadata_helpers_1.d)("Specifies the type of the media file"),
-        media: (0, metadata_helpers_1.d)("Specifies a media query for the media file"),
-        srcSet: (0, metadata_helpers_1.d)("Specifies the source set for responsive images"),
-        sizes: (0, metadata_helpers_1.d)("Specifies the sizes attribute for responsive images"),
-    },
-});
-exports.htmlSourceTagRenderer = (0, renderers_1.createComponentRenderer)("source", exports.HtmlSourceMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { src } = p.asUrlResource("src");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("source", Object.assign({ className: className, src: src }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlSpanMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `span` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSpanTagRenderer = (0, renderers_1.createComponentRenderer)("span", exports.HtmlSpanMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlStrongMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `strong` tag.",
-    isHtmlTag: true,
-});
-exports.htmlStrongTagRenderer = (0, renderers_1.createComponentRenderer)("strong", exports.HtmlStrongMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "strong", children: renderChild(node.children) })));
-});
-exports.HtmlSubMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `sub` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSubTagRenderer = (0, renderers_1.createComponentRenderer)("sub", exports.HtmlSubMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "sub", children: renderChild(node.children) })));
-});
-exports.HtmlSummaryMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `summary` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSummaryTagRenderer = (0, renderers_1.createComponentRenderer)("summary", exports.HtmlSummaryMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("summary", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlSupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `sup` tag.",
-    isHtmlTag: true,
-});
-exports.htmlSupTagRenderer = (0, renderers_1.createComponentRenderer)("sup", exports.HtmlSupMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "sup", children: renderChild(node.children) })));
-});
-exports.HtmlTableMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `table` tag.",
-    isHtmlTag: true,
-    props: {
-        border: (0, metadata_helpers_1.d)("Specifies the width of the border around the table"),
-        cellPadding: (0, metadata_helpers_1.d)("Specifies the space between the cell content and its borders"),
-        cellSpacing: (0, metadata_helpers_1.d)("Specifies the space between cells"),
-        summary: (0, metadata_helpers_1.d)("Provides a summary of the table's purpose and structure"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of the table"),
-        align: (0, metadata_helpers_1.d)("Specifies the alignment of the table"),
-        frame: (0, metadata_helpers_1.d)("Specifies which parts of the table frame to render"),
-        rules: (0, metadata_helpers_1.d)("Specifies which rules to draw between cells"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTable),
-    defaultThemeVars: {
-        "backgroundColor-HtmlTable": "$backgroundColor",
-        "border-HtmlTable": "1px solid $borderColor",
-        "marginBottom-HtmlTable": "$space-4",
-        "marginTop-HtmlTable": "$space-4",
-    },
-});
-exports.htmlTableTagRenderer = (0, renderers_1.createComponentRenderer)("table", exports.HtmlTableMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("table", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlTable, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTbodyMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `tbody` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTbody),
-});
-exports.htmlTbodyTagRenderer = (0, renderers_1.createComponentRenderer)("tbody", exports.HtmlTbodyMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("tbody", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlTbody, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTdMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `td` tag.",
-    isHtmlTag: true,
-    props: {
-        align: (0, metadata_helpers_1.d)("Specifies the horizontal alignment of the content in the cell"),
-        colSpan: (0, metadata_helpers_1.d)("Specifies the number of columns a cell should span"),
-        headers: (0, metadata_helpers_1.d)("Specifies a list of header cells the current cell is related to"),
-        rowSpan: (0, metadata_helpers_1.d)("Specifies the number of rows a cell should span"),
-        valign: (0, metadata_helpers_1.d)("Specifies the vertical alignment of the content in the cell"),
-        scope: (0, metadata_helpers_1.d)("Specifies whether a cell is a header for a column, row, or group of columns or rows"),
-        abbr: (0, metadata_helpers_1.d)("Specifies an abbreviated version of the content in the cell"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of the cell"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of the cell"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTd),
-    defaultThemeVars: {
-        "padding-HtmlTd": "$space-2",
-        "borderBottom-HtmlTd": "1px solid $borderColor",
-    },
-});
-exports.htmlTdTagRenderer = (0, renderers_1.createComponentRenderer)("td", exports.HtmlTdMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("td", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlTd, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTemplateMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `template` tag.",
-    isHtmlTag: true,
-});
-exports.htmlTemplateTagRenderer = (0, renderers_1.createComponentRenderer)("template", exports.HtmlTemplateMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("template", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTextareaMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `textarea` tag.",
-    isHtmlTag: true,
-    props: {
-        autoFocus: (0, metadata_helpers_1.d)("Specifies that the textarea should automatically get focus when the page loads"),
-        cols: (0, metadata_helpers_1.d)("Specifies the visible width of the text area in average character widths"),
-        dirName: (0, metadata_helpers_1.d)("Specifies the text directionality"),
-        disabled: (0, metadata_helpers_1.d)("Specifies that the textarea should be disabled"),
-        form: (0, metadata_helpers_1.d)("Specifies the form the textarea belongs to"),
-        maxLength: (0, metadata_helpers_1.d)("Specifies the maximum number of characters allowed in the textarea"),
-        minLength: (0, metadata_helpers_1.d)("Specifies the minimum number of characters allowed in the textarea"),
-        name: (0, metadata_helpers_1.d)("Specifies the name of the textarea"),
-        placeholder: (0, metadata_helpers_1.d)("Specifies a short hint that describes the expected value"),
-        readOnly: (0, metadata_helpers_1.d)("Specifies that the textarea is read-only"),
-        required: (0, metadata_helpers_1.d)("Specifies that the textarea is required"),
-        rows: (0, metadata_helpers_1.d)("Specifies the visible number of lines in the textarea"),
-        value: (0, metadata_helpers_1.d)("Specifies the current value of the textarea"),
-        wrap: (0, metadata_helpers_1.d)("Specifies how the text in a textarea is to be wrapped when submitted"),
-    },
-});
-exports.htmlTextareaTagRenderer = (0, renderers_1.createComponentRenderer)("textarea", exports.HtmlTextareaMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { autoFocus, disabled, readOnly, required } = p.asOptionalBoolean("autoFocus", "disabled", "readOnly", "required");
-    const numberProps = p.asOptionalNumber("cols", "rows", "maxLength", "minLength");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ className: className, autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : false, disabled: disabled !== null && disabled !== void 0 ? disabled : false, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : false, required: required !== null && required !== void 0 ? required : false }, numberProps, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTfootMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `tfoot` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTfoot),
-});
-exports.htmlTfootTagRenderer = (0, renderers_1.createComponentRenderer)("tfoot", exports.HtmlTfootMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("tfoot", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlTfoot, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlThMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `th` tag.",
-    isHtmlTag: true,
-    props: {
-        abbr: (0, metadata_helpers_1.d)("Specifies an abbreviated version of the content in the header cell"),
-        align: (0, metadata_helpers_1.d)("Specifies the horizontal alignment of the content in the header cell"),
-        colSpan: (0, metadata_helpers_1.d)("Specifies the number of columns a header cell should span"),
-        headers: (0, metadata_helpers_1.d)("Specifies a list of header cells the current header cell is related to"),
-        rowSpan: (0, metadata_helpers_1.d)("Specifies the number of rows a header cell should span"),
-        scope: (0, metadata_helpers_1.d)("Specifies whether a header cell is a header for a column, row, or group of columns or rows"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTh),
-    defaultThemeVars: {
-        "padding-HtmlTh": "$space-2",
-        "fontSize-HtmlTh": "$fontSize-tiny",
-        "fontWeight-HtmlTh": "$fontWeight-bold",
-        //"backgroundColor-HtmlTh--hover": "$color-surface-200",
-    },
-});
-exports.htmlThTagRenderer = (0, renderers_1.createComponentRenderer)("th", exports.HtmlThMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("th", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlTh, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTheadMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `thead` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsThead),
-    defaultThemeVars: {
-        "textTransform-HtmlThead": "uppercase",
-        "backgroundColor-HtmlThead": "$color-surface-100",
-        "textColor-HtmlThead": "$color-surface-500",
-    },
-});
-exports.htmlTheadTagRenderer = (0, renderers_1.createComponentRenderer)("thead", exports.HtmlTheadMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("thead", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlThead, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTimeMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `time` tag.",
-    isHtmlTag: true,
-    props: {
-        dateTime: (0, metadata_helpers_1.d)("Specifies the date and time in a machine-readable format"),
-    },
-});
-exports.htmlTimeTagRenderer = (0, renderers_1.createComponentRenderer)("time", exports.HtmlTimeMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("time", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `tr` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTr),
-    defaultThemeVars: {
-        "fontSize-HtmlTr": "$fontSize-sm",
-        "backgroundColor-row-HtmlTr": "inherit",
-        //"backgroundColor-HtmlTr--hover": "$color-primary-50",
-    },
-});
-exports.htmlTrTagRenderer = (0, renderers_1.createComponentRenderer)("tr", exports.HtmlTrMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("tr", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlTr, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlTrackMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `track` tag.",
-    isHtmlTag: true,
-    props: {
-        default: (0, metadata_helpers_1.d)("Specifies that the track is to be enabled if no other track is more suitable"),
-        kind: (0, metadata_helpers_1.d)("Specifies the kind of text track"),
-        label: (0, metadata_helpers_1.d)("Specifies the title of the text track"),
-        src: (0, metadata_helpers_1.d)("Specifies the URL of the track file"),
-        srcLang: (0, metadata_helpers_1.d)("Specifies the language of the track text data"),
-    },
-});
-exports.htmlTrackTagRenderer = (0, renderers_1.createComponentRenderer)("track", exports.HtmlTrackMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { src } = p.asUrlResource("src");
-    const { default: defaultProp } = p.asOptionalBoolean("default");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("track", Object.assign({ className: className, default: defaultProp !== null && defaultProp !== void 0 ? defaultProp : false, src: src }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlUMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `u` tag.",
-    isHtmlTag: true,
-});
-exports.htmlUTagRenderer = (0, renderers_1.createComponentRenderer)("u", exports.HtmlUMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("u", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlUlMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `ul` tag.",
-    isHtmlTag: true,
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsList), // Use only themeVarsList
-    defaultThemeVars: {
-        "marginTop-HtmlUl": "$space-5",
-        "marginBottom-HtmlUl": "$space-5",
-    },
-});
-exports.htmlUlTagRenderer = (0, renderers_1.createComponentRenderer)("ul", exports.HtmlUlMd, // Use HtmlOlMd instead of HtmlListMd
-({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: (0, classnames_1.default)(HtmlTags_module_scss_1.default.htmlUl, className) }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlVarMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `var` tag.",
-    isHtmlTag: true,
-});
-exports.htmlVarTagRenderer = (0, renderers_1.createComponentRenderer)("var", exports.HtmlCodeMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ className: className }, props, { variant: "var", children: renderChild(node.children) })));
-});
-exports.HtmlVideoMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `video` tag.",
-    isHtmlTag: true,
-    props: {
-        autoPlay: (0, metadata_helpers_1.d)("Specifies that the video will start playing as soon as it is ready"),
-        controls: (0, metadata_helpers_1.d)("Specifies that video controls should be displayed"),
-        height: (0, metadata_helpers_1.d)("Specifies the height of the video player"),
-        loop: (0, metadata_helpers_1.d)("Specifies that the video will start over again when finished"),
-        muted: (0, metadata_helpers_1.d)("Specifies that the video output should be muted"),
-        poster: (0, metadata_helpers_1.d)("Specifies an image to be shown while the video is downloading"),
-        preload: (0, metadata_helpers_1.d)("Specifies if and how the author thinks the video should be loaded when the page loads"),
-        src: (0, metadata_helpers_1.d)("Specifies the URL of the video file"),
-        width: (0, metadata_helpers_1.d)("Specifies the width of the video player"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsVideo),
-    defaultThemeVars: {
-        "marginTop-HtmlVideo": "1rem",
-        "marginBottom-HtmlVideo": "1rem",
-    },
-});
-exports.htmlVideoTagRenderer = (0, renderers_1.createComponentRenderer)("video", exports.HtmlVideoMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const { src } = p.asUrlResource("src");
-    const { autoPlay, controls, loop, muted } = p.asOptionalBoolean("autoPlay", "controls", "loop", "muted");
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("video", Object.assign({ className: className, src: src, autoPlay: autoPlay !== null && autoPlay !== void 0 ? autoPlay : false, controls: controls !== null && controls !== void 0 ? controls : false, loop: loop !== null && loop !== void 0 ? loop : false, muted: muted !== null && muted !== void 0 ? muted : false }, props, { children: renderChild(node.children) })));
-});
-exports.HtmlWbrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "This component renders an HTML `wbr` tag.",
-    isHtmlTag: true,
-});
-exports.htmlWbrTagRenderer = (0, renderers_1.createComponentRenderer)("wbr", exports.HtmlWbrMd, ({ node, renderChild, extractValue, extractResourceUrl, className }) => {
-    const p = new extractParam_1.PropsTrasform(extractValue, extractResourceUrl, node.props);
-    const props = p.asRest();
-    return ((0, jsx_runtime_1.jsx)("wbr", Object.assign({ className: className }, props, { children: renderChild(node.children) })));
-});