xmlui 0.9.66 → 0.9.67

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

@@ -19,6 +19,20 @@ exports.htmlKbdTagRenderer = exports.HtmlKbdMd = exports.htmlInsTagRenderer = ex
 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");
@@ -28,7 +42,7 @@ const TextNative_1 = require("../Text/TextNative");
 const extractParam_1 = require("../../components-core/utils/extractParam");
 const metadata_helpers_1 = require("../metadata-helpers");
 exports.HtmlAMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `a` tag.",
     isHtmlTag: true,
     props: {
@@ -50,7 +64,7 @@ exports.htmlATagRenderer = (0, renderers_1.createComponentRenderer)("a", exports
     return ((0, jsx_runtime_1.jsx)(LinkNative_1.LinkNative, Object.assign({ to: href, disabled: disabled !== null && disabled !== void 0 ? disabled : false, style: layoutCss }, rest, { children: renderChild(node.children) })));
 });
 exports.HtmlAbbrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `abbr` tag.",
     isHtmlTag: true,
 });
@@ -60,7 +74,7 @@ exports.htmlAbbrTagRenderer = (0, renderers_1.createComponentRenderer)("abbr", e
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "abbr", children: renderChild(node.children) })));
 });
 exports.HtmlAddressMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `address` tag.",
     isHtmlTag: true,
 });
@@ -70,7 +84,7 @@ exports.htmlAddressTagRenderer = (0, renderers_1.createComponentRenderer)("addre
     return ((0, jsx_runtime_1.jsx)("address", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlAreaMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `area` tag.",
     isHtmlTag: true,
     props: {
@@ -92,7 +106,7 @@ exports.htmlAreaTagRenderer = (0, renderers_1.createComponentRenderer)("area", e
     return ((0, jsx_runtime_1.jsx)("area", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlArticleMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `article` tag.",
     isHtmlTag: true,
 });
@@ -102,7 +116,7 @@ exports.htmlArticleTagRenderer = (0, renderers_1.createComponentRenderer)("artic
     return ((0, jsx_runtime_1.jsx)("article", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlAsideMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `aside` tag.",
     isHtmlTag: true,
 });
@@ -112,7 +126,7 @@ exports.htmlAsideTagRenderer = (0, renderers_1.createComponentRenderer)("aside",
     return ((0, jsx_runtime_1.jsx)("aside", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlAudioMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `audio` tag.",
     isHtmlTag: true,
     props: {
@@ -132,7 +146,7 @@ exports.htmlAudioTagRenderer = (0, renderers_1.createComponentRenderer)("audio",
     return ((0, jsx_runtime_1.jsx)("audio", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `b` tag.",
     isHtmlTag: true,
 });
@@ -142,7 +156,7 @@ exports.htmlBTagRenderer = (0, renderers_1.createComponentRenderer)("b", exports
     return ((0, jsx_runtime_1.jsx)("b", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlBdiMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `bdi` tag.",
     isHtmlTag: true,
 });
@@ -152,7 +166,7 @@ exports.htmlBdiTagRenderer = (0, renderers_1.createComponentRenderer)("bdi", exp
     return ((0, jsx_runtime_1.jsx)("bdi", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlBdoMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `bdo` tag.",
     isHtmlTag: true,
     props: {
@@ -165,7 +179,7 @@ exports.htmlBdoTagRenderer = (0, renderers_1.createComponentRenderer)("bdo", exp
     return ((0, jsx_runtime_1.jsx)("bdo", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlBlockquoteMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `blockquote` tag.",
     isHtmlTag: true,
     props: {
@@ -178,7 +192,7 @@ exports.htmlBlockquoteTagRenderer = (0, renderers_1.createComponentRenderer)("bl
     return ((0, jsx_runtime_1.jsx)("blockquote", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlBrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `br` tag.",
     isHtmlTag: true,
 });
@@ -188,7 +202,7 @@ exports.htmlBrTagRenderer = (0, renderers_1.createComponentRenderer)("br", expor
     return ((0, jsx_runtime_1.jsx)("br", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlButtonMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `button` tag.",
     isHtmlTag: true,
     props: {
@@ -212,7 +226,7 @@ exports.htmlButtonTagRenderer = (0, renderers_1.createComponentRenderer)("button
     return ((0, jsx_runtime_1.jsx)("button", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `canvas` tag.",
     isHtmlTag: true,
     props: {
@@ -227,7 +241,7 @@ exports.htmlCanvasTagRenderer = (0, renderers_1.createComponentRenderer)("canvas
     return ((0, jsx_runtime_1.jsx)("canvas", Object.assign({ style: layoutCss }, sizeProps, props, { children: renderChild(node.children) })));
 });
 exports.HtmlCaptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `caption` tag.",
     isHtmlTag: true,
 });
@@ -237,7 +251,7 @@ exports.htmlCaptionTagRenderer = (0, renderers_1.createComponentRenderer)("capti
     return ((0, jsx_runtime_1.jsx)("caption", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlCiteMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `cite` tag.",
     isHtmlTag: true,
 });
@@ -247,7 +261,7 @@ exports.htmlCiteTagRenderer = (0, renderers_1.createComponentRenderer)("cite", e
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "cite", children: renderChild(node.children) })));
 });
 exports.HtmlCodeMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `code` tag.",
     isHtmlTag: true,
 });
@@ -257,7 +271,7 @@ exports.htmlCodeTagRenderer = (0, renderers_1.createComponentRenderer)("code", e
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "code", children: renderChild(node.children) })));
 });
 exports.HtmlColMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `col` tag.",
     isHtmlTag: true,
     props: {
@@ -271,7 +285,7 @@ exports.htmlColTagRenderer = (0, renderers_1.createComponentRenderer)("col", exp
     return ((0, jsx_runtime_1.jsx)("col", Object.assign({ style: layoutCss, span: span }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlColgroupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `colgroup` tag.",
     isHtmlTag: true,
     props: {
@@ -285,7 +299,7 @@ exports.htmlColgroupTagRenderer = (0, renderers_1.createComponentRenderer)("colg
     return ((0, jsx_runtime_1.jsx)("colgroup", Object.assign({ style: layoutCss, span: span }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDataMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `data` tag.",
     isHtmlTag: true,
     props: {
@@ -298,7 +312,7 @@ exports.htmlDataTagRenderer = (0, renderers_1.createComponentRenderer)("data", e
     return ((0, jsx_runtime_1.jsx)("data", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDatalistMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `datalist` tag.",
     isHtmlTag: true,
 });
@@ -308,7 +322,7 @@ exports.htmlDatalistTagRenderer = (0, renderers_1.createComponentRenderer)("data
     return ((0, jsx_runtime_1.jsx)("datalist", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDdMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `dd` tag.",
     isHtmlTag: true,
 });
@@ -318,7 +332,7 @@ exports.htmlDdTagRenderer = (0, renderers_1.createComponentRenderer)("dd", expor
     return ((0, jsx_runtime_1.jsx)("dd", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDelMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `del` tag.",
     isHtmlTag: true,
     props: {
@@ -332,7 +346,7 @@ exports.htmlDelTagRenderer = (0, renderers_1.createComponentRenderer)("del", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "deleted", children: renderChild(node.children) })));
 });
 exports.HtmlDetailsMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `details` tag.",
     isHtmlTag: true,
     props: {
@@ -351,7 +365,7 @@ exports.htmlDetailsTagRenderer = (0, renderers_1.createComponentRenderer)("detai
     return ((0, jsx_runtime_1.jsx)("details", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlDetails, open: open !== null && open !== void 0 ? open : false }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDfnMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `dfn` tag.",
     isHtmlTag: true,
 });
@@ -361,7 +375,7 @@ exports.htmlDfnTagRenderer = (0, renderers_1.createComponentRenderer)("dfn", exp
     return ((0, jsx_runtime_1.jsx)("dfn", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDialogMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `dialog` tag.",
     isHtmlTag: true,
     props: {
@@ -375,7 +389,7 @@ exports.htmlDialogTagRenderer = (0, renderers_1.createComponentRenderer)("dialog
     return ((0, jsx_runtime_1.jsx)("dialog", Object.assign({ style: layoutCss, open: open !== null && open !== void 0 ? open : false }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDivMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `div` tag.",
     isHtmlTag: true,
 });
@@ -385,7 +399,7 @@ exports.htmlDivTagRenderer = (0, renderers_1.createComponentRenderer)("div", exp
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDlMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `dl` tag.",
     isHtmlTag: true,
 });
@@ -395,7 +409,7 @@ exports.htmlDlTagRenderer = (0, renderers_1.createComponentRenderer)("dl", expor
     return ((0, jsx_runtime_1.jsx)("dl", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlDtMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `dt` tag.",
     isHtmlTag: true,
 });
@@ -405,7 +419,7 @@ exports.htmlDtTagRenderer = (0, renderers_1.createComponentRenderer)("dt", expor
     return ((0, jsx_runtime_1.jsx)("dt", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlEMMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `em` tag.",
     isHtmlTag: true,
 });
@@ -415,7 +429,7 @@ exports.htmlEMTagRenderer = (0, renderers_1.createComponentRenderer)("em", expor
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "em", children: renderChild(node.children) })));
 });
 exports.HtmlEmbedMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `embed` tag.",
     isHtmlTag: true,
     props: {
@@ -432,7 +446,7 @@ exports.htmlEmbedTagRenderer = (0, renderers_1.createComponentRenderer)("embed",
     return ((0, jsx_runtime_1.jsx)("embed", Object.assign({ style: layoutCss, src: src }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlFieldsetMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `fieldset` tag.",
     isHtmlTag: true,
     props: {
@@ -448,7 +462,7 @@ exports.htmlFieldsetTagRenderer = (0, renderers_1.createComponentRenderer)("fiel
     return ((0, jsx_runtime_1.jsx)("fieldset", Object.assign({ style: layoutCss, disabled: disabled !== null && disabled !== void 0 ? disabled : false }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlFigcaptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `figcaption` tag.",
     isHtmlTag: true,
 });
@@ -458,7 +472,7 @@ exports.htmlFigcaptionTagRenderer = (0, renderers_1.createComponentRenderer)("fi
     return ((0, jsx_runtime_1.jsx)("figcaption", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlFigureMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `figure` tag.",
     isHtmlTag: true,
 });
@@ -468,7 +482,7 @@ exports.htmlFigureTagRenderer = (0, renderers_1.createComponentRenderer)("figure
     return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlFooterMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `footer` tag.",
     isHtmlTag: true,
 });
@@ -478,7 +492,7 @@ exports.htmlFooterTagRenderer = (0, renderers_1.createComponentRenderer)("footer
     return ((0, jsx_runtime_1.jsx)("footer", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlFormMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `form` tag.",
     isHtmlTag: true,
     props: {
@@ -499,7 +513,7 @@ exports.htmlFormTagRenderer = (0, renderers_1.createComponentRenderer)("form", e
     return ((0, jsx_runtime_1.jsx)("form", Object.assign({ style: layoutCss, noValidate: noValidate !== null && noValidate !== void 0 ? noValidate : false }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlH1Md = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `h1` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
@@ -514,7 +528,7 @@ exports.htmlH1TagRenderer = (0, renderers_1.createComponentRenderer)("h1", expor
     return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlHeading }, props, { level: "h1", children: renderChild(node.children) })));
 });
 exports.HtmlH2Md = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `h2` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
@@ -529,7 +543,7 @@ exports.htmlH2TagRenderer = (0, renderers_1.createComponentRenderer)("h2", expor
     return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlHeading }, props, { level: "h2", children: renderChild(node.children) })));
 });
 exports.HtmlH3Md = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `h3` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
@@ -544,7 +558,7 @@ exports.htmlH3TagRenderer = (0, renderers_1.createComponentRenderer)("h3", expor
     return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlHeading }, props, { level: "h3", children: renderChild(node.children) })));
 });
 exports.HtmlH4Md = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `h4` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
@@ -559,7 +573,7 @@ exports.htmlH4TagRenderer = (0, renderers_1.createComponentRenderer)("h4", expor
     return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlHeading }, props, { level: "h4", children: renderChild(node.children) })));
 });
 exports.HtmlH5Md = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `h5` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
@@ -574,7 +588,7 @@ exports.htmlH5TagRenderer = (0, renderers_1.createComponentRenderer)("h5", expor
     return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlHeading }, props, { level: "h5", children: renderChild(node.children) })));
 });
 exports.HtmlH6Md = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `h6` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsHeading),
@@ -589,7 +603,7 @@ exports.htmlH6TagRenderer = (0, renderers_1.createComponentRenderer)("h6", expor
     return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlHeading }, props, { level: "h6", children: renderChild(node.children) })));
 });
 exports.HtmlHeaderMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `header` tag.",
     isHtmlTag: true,
 });
@@ -599,7 +613,7 @@ exports.htmlHeaderTagRenderer = (0, renderers_1.createComponentRenderer)("header
     return ((0, jsx_runtime_1.jsx)("header", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlHrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `hr` tag.",
     isHtmlTag: true,
 });
@@ -609,7 +623,7 @@ exports.htmlHrTagRenderer = (0, renderers_1.createComponentRenderer)("hr", expor
     return ((0, jsx_runtime_1.jsx)("hr", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlIMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `i` tag.",
     isHtmlTag: true,
 });
@@ -619,7 +633,7 @@ exports.htmlITagRenderer = (0, renderers_1.createComponentRenderer)("i", exports
     return ((0, jsx_runtime_1.jsx)("i", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlIframeMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `iframe` tag.",
     isHtmlTag: true,
     props: {
@@ -643,7 +657,7 @@ exports.htmlIframeTagRenderer = (0, renderers_1.createComponentRenderer)("iframe
     return ((0, jsx_runtime_1.jsx)("iframe", Object.assign({ style: layoutCss, src: src, allowFullScreen: allowFullScreen !== null && allowFullScreen !== void 0 ? allowFullScreen : false }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlImgMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `img` tag.",
     isHtmlTag: true,
     props: {
@@ -664,7 +678,7 @@ exports.htmlImgTagRenderer = (0, renderers_1.createComponentRenderer)("img", exp
     return ((0, jsx_runtime_1.jsx)("img", Object.assign({ style: layoutCss, src: src }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlInputMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `input` tag.",
     isHtmlTag: true,
     props: {
@@ -697,7 +711,7 @@ exports.htmlInputTagRenderer = (0, renderers_1.createComponentRenderer)("input",
     return ((0, jsx_runtime_1.jsx)("input", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `ins` tag.",
     isHtmlTag: true,
     props: {
@@ -711,7 +725,7 @@ exports.htmlInsTagRenderer = (0, renderers_1.createComponentRenderer)("ins", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "inserted", children: renderChild(node.children) })));
 });
 exports.HtmlKbdMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `kbd` tag.",
     isHtmlTag: true,
 });
@@ -721,7 +735,7 @@ exports.htmlKbdTagRenderer = (0, renderers_1.createComponentRenderer)("kbd", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "keyboard", children: renderChild(node.children) })));
 });
 exports.HtmlLabelMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `label` tag.",
     isHtmlTag: true,
     props: {
@@ -734,7 +748,7 @@ exports.htmlLabelTagRenderer = (0, renderers_1.createComponentRenderer)("label",
     return ((0, jsx_runtime_1.jsx)("label", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlLegendMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `legend` tag.",
     isHtmlTag: true,
 });
@@ -744,7 +758,7 @@ exports.htmlLegendTagRenderer = (0, renderers_1.createComponentRenderer)("legend
     return ((0, jsx_runtime_1.jsx)("legend", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlLiMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `li` tag.",
     isHtmlTag: true,
     props: {
@@ -762,7 +776,7 @@ exports.htmlLiTagRenderer = (0, renderers_1.createComponentRenderer)("li", expor
     return ((0, jsx_runtime_1.jsx)("li", Object.assign({ style: layoutCss, value: value }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlMainMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `main` tag.",
     isHtmlTag: true,
 });
@@ -772,7 +786,7 @@ exports.htmlMainTagRenderer = (0, renderers_1.createComponentRenderer)("main", e
     return ((0, jsx_runtime_1.jsx)("main", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlMapMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `map` tag.",
     isHtmlTag: true,
     props: {
@@ -785,7 +799,7 @@ exports.htmlMapTagRenderer = (0, renderers_1.createComponentRenderer)("map", exp
     return ((0, jsx_runtime_1.jsx)("map", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlMarkMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `mark` tag.",
     isHtmlTag: true,
 });
@@ -795,7 +809,7 @@ exports.htmlMarkTagRenderer = (0, renderers_1.createComponentRenderer)("mark", e
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "marked", children: renderChild(node.children) })));
 });
 exports.HtmlMenuMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `menu` tag.",
     isHtmlTag: true,
     props: {
@@ -808,7 +822,7 @@ exports.htmlMenuTagRenderer = (0, renderers_1.createComponentRenderer)("menu", e
     return ((0, jsx_runtime_1.jsx)("menu", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlMeterMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `meter` tag.",
     isHtmlTag: true,
     props: {
@@ -827,7 +841,7 @@ exports.htmlMeterTagRenderer = (0, renderers_1.createComponentRenderer)("meter",
     return ((0, jsx_runtime_1.jsx)("meter", Object.assign({ style: layoutCss }, numberProps, props, { children: renderChild(node.children) })));
 });
 exports.HtmlNavMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `nav` tag.",
     isHtmlTag: true,
 });
@@ -837,7 +851,7 @@ exports.htmlNavTagRenderer = (0, renderers_1.createComponentRenderer)("nav", exp
     return ((0, jsx_runtime_1.jsx)("nav", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlObjectMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `object` tag.",
     isHtmlTag: true,
     props: {
@@ -855,7 +869,7 @@ exports.htmlObjectTagRenderer = (0, renderers_1.createComponentRenderer)("object
     return ((0, jsx_runtime_1.jsx)("object", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlOlMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    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
@@ -871,7 +885,7 @@ exports.htmlOlTagRenderer = (0, renderers_1.createComponentRenderer)("ol", expor
     return ((0, jsx_runtime_1.jsx)("ol", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlOl }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlOptgroupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `optgroup` tag.",
     isHtmlTag: true,
     props: {
@@ -886,7 +900,7 @@ exports.htmlOptgroupTagRenderer = (0, renderers_1.createComponentRenderer)("optg
     return ((0, jsx_runtime_1.jsx)("optgroup", Object.assign({ style: layoutCss, disabled: disabled !== null && disabled !== void 0 ? disabled : false }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlOptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `option` tag.",
     isHtmlTag: true,
     props: {
@@ -903,7 +917,7 @@ exports.htmlOptionTagRenderer = (0, renderers_1.createComponentRenderer)("option
     return ((0, jsx_runtime_1.jsx)("option", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `output` tag.",
     isHtmlTag: true,
     props: {
@@ -918,7 +932,7 @@ exports.htmlOutputTagRenderer = (0, renderers_1.createComponentRenderer)("output
     return ((0, jsx_runtime_1.jsx)("output", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlPMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `p` tag.",
     isHtmlTag: true,
 });
@@ -928,7 +942,7 @@ exports.htmlPTagRenderer = (0, renderers_1.createComponentRenderer)("p", exports
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "paragraph", children: renderChild(node.children) })));
 });
 exports.HtmlParamMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `param` tag.",
     isHtmlTag: true,
     props: {
@@ -942,7 +956,7 @@ exports.htmlParamTagRenderer = (0, renderers_1.createComponentRenderer)("param",
     return ((0, jsx_runtime_1.jsx)("param", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlPictureMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `picture` tag.",
     isHtmlTag: true,
 });
@@ -952,7 +966,7 @@ exports.htmlPictureTagRenderer = (0, renderers_1.createComponentRenderer)("pictu
     return ((0, jsx_runtime_1.jsx)("picture", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlPreMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `pre` tag.",
     isHtmlTag: true,
 });
@@ -962,7 +976,7 @@ exports.htmlPreTagRenderer = (0, renderers_1.createComponentRenderer)("pre", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "codefence", children: renderChild(node.children) })));
 });
 exports.HtmlProgressMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `progress` tag.",
     isHtmlTag: true,
     props: {
@@ -977,7 +991,7 @@ exports.htmlProgressTagRenderer = (0, renderers_1.createComponentRenderer)("prog
     return ((0, jsx_runtime_1.jsx)("progress", Object.assign({ style: layoutCss }, numberProps, props, { children: renderChild(node.children) })));
 });
 exports.HtmlQMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `q` tag.",
     isHtmlTag: true,
     props: {
@@ -990,7 +1004,7 @@ exports.htmlQTagRenderer = (0, renderers_1.createComponentRenderer)("q", exports
     return ((0, jsx_runtime_1.jsx)("q", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlRpMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `rp` tag.",
     isHtmlTag: true,
 });
@@ -1000,7 +1014,7 @@ exports.htmlRpTagRenderer = (0, renderers_1.createComponentRenderer)("rp", expor
     return ((0, jsx_runtime_1.jsx)("rp", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlRtMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `rt` tag.",
     isHtmlTag: true,
 });
@@ -1010,7 +1024,7 @@ exports.htmlRtTagRenderer = (0, renderers_1.createComponentRenderer)("rt", expor
     return ((0, jsx_runtime_1.jsx)("rt", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlRubyMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `ruby` tag.",
     isHtmlTag: true,
 });
@@ -1020,7 +1034,7 @@ exports.htmlRubyTagRenderer = (0, renderers_1.createComponentRenderer)("ruby", e
     return ((0, jsx_runtime_1.jsx)("ruby", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlSMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `s` tag.",
     isHtmlTag: true,
 });
@@ -1030,7 +1044,7 @@ exports.htmlSTagRenderer = (0, renderers_1.createComponentRenderer)("s", exports
     return ((0, jsx_runtime_1.jsx)("s", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlSampMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `samp` tag.",
     isHtmlTag: true,
 });
@@ -1040,7 +1054,7 @@ exports.htmlSampTagRenderer = (0, renderers_1.createComponentRenderer)("samp", e
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "sample", children: renderChild(node.children) })));
 });
 exports.HtmlSectionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `section` tag.",
     isHtmlTag: true,
 });
@@ -1050,7 +1064,7 @@ exports.htmlSectionTagRenderer = (0, renderers_1.createComponentRenderer)("secti
     return ((0, jsx_runtime_1.jsx)("section", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlSelectMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `select` tag.",
     isHtmlTag: true,
     props: {
@@ -1071,7 +1085,7 @@ exports.htmlSelectTagRenderer = (0, renderers_1.createComponentRenderer)("select
     return ((0, jsx_runtime_1.jsx)("select", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `small` tag.",
     isHtmlTag: true,
 });
@@ -1081,7 +1095,7 @@ exports.htmlSmallTagRenderer = (0, renderers_1.createComponentRenderer)("small",
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "small", children: renderChild(node.children) })));
 });
 exports.HtmlSourceMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `source` tag.",
     isHtmlTag: true,
     props: {
@@ -1099,7 +1113,7 @@ exports.htmlSourceTagRenderer = (0, renderers_1.createComponentRenderer)("source
     return ((0, jsx_runtime_1.jsx)("source", Object.assign({ style: layoutCss, src: src }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlSpanMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `span` tag.",
     isHtmlTag: true,
 });
@@ -1109,7 +1123,7 @@ exports.htmlSpanTagRenderer = (0, renderers_1.createComponentRenderer)("span", e
     return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlStrongMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `strong` tag.",
     isHtmlTag: true,
 });
@@ -1119,7 +1133,7 @@ exports.htmlStrongTagRenderer = (0, renderers_1.createComponentRenderer)("strong
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "strong", children: renderChild(node.children) })));
 });
 exports.HtmlSubMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `sub` tag.",
     isHtmlTag: true,
 });
@@ -1129,7 +1143,7 @@ exports.htmlSubTagRenderer = (0, renderers_1.createComponentRenderer)("sub", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "sub", children: renderChild(node.children) })));
 });
 exports.HtmlSummaryMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `summary` tag.",
     isHtmlTag: true,
 });
@@ -1139,7 +1153,7 @@ exports.htmlSummaryTagRenderer = (0, renderers_1.createComponentRenderer)("summa
     return ((0, jsx_runtime_1.jsx)("summary", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlSupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `sup` tag.",
     isHtmlTag: true,
 });
@@ -1149,7 +1163,7 @@ exports.htmlSupTagRenderer = (0, renderers_1.createComponentRenderer)("sup", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "sup", children: renderChild(node.children) })));
 });
 exports.HtmlTableMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `table` tag.",
     isHtmlTag: true,
     props: {
@@ -1176,7 +1190,7 @@ exports.htmlTableTagRenderer = (0, renderers_1.createComponentRenderer)("table",
     return ((0, jsx_runtime_1.jsx)("table", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlTable }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTbodyMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `tbody` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTbody),
@@ -1187,7 +1201,7 @@ exports.htmlTbodyTagRenderer = (0, renderers_1.createComponentRenderer)("tbody",
     return ((0, jsx_runtime_1.jsx)("tbody", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlTbody }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTdMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `td` tag.",
     isHtmlTag: true,
     props: {
@@ -1213,7 +1227,7 @@ exports.htmlTdTagRenderer = (0, renderers_1.createComponentRenderer)("td", expor
     return ((0, jsx_runtime_1.jsx)("td", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlTd }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTemplateMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `template` tag.",
     isHtmlTag: true,
 });
@@ -1223,7 +1237,7 @@ exports.htmlTemplateTagRenderer = (0, renderers_1.createComponentRenderer)("temp
     return ((0, jsx_runtime_1.jsx)("template", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTextareaMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `textarea` tag.",
     isHtmlTag: true,
     props: {
@@ -1251,7 +1265,7 @@ exports.htmlTextareaTagRenderer = (0, renderers_1.createComponentRenderer)("text
     return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `tfoot` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTfoot),
@@ -1262,7 +1276,7 @@ exports.htmlTfootTagRenderer = (0, renderers_1.createComponentRenderer)("tfoot",
     return ((0, jsx_runtime_1.jsx)("tfoot", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlTfoot }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlThMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `th` tag.",
     isHtmlTag: true,
     props: {
@@ -1287,7 +1301,7 @@ exports.htmlThTagRenderer = (0, renderers_1.createComponentRenderer)("th", expor
     return ((0, jsx_runtime_1.jsx)("th", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlTh }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTheadMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `thead` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsThead),
@@ -1303,7 +1317,7 @@ exports.htmlTheadTagRenderer = (0, renderers_1.createComponentRenderer)("thead",
     return ((0, jsx_runtime_1.jsx)("thead", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlThead }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTimeMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `time` tag.",
     isHtmlTag: true,
     props: {
@@ -1316,7 +1330,7 @@ exports.htmlTimeTagRenderer = (0, renderers_1.createComponentRenderer)("time", e
     return ((0, jsx_runtime_1.jsx)("time", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTrMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `tr` tag.",
     isHtmlTag: true,
     themeVars: (0, themeVars_1.parseScssVar)(HtmlTags_module_scss_1.default.themeVarsTr),
@@ -1332,7 +1346,7 @@ exports.htmlTrTagRenderer = (0, renderers_1.createComponentRenderer)("tr", expor
     return ((0, jsx_runtime_1.jsx)("tr", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlTr }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlTrackMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `track` tag.",
     isHtmlTag: true,
     props: {
@@ -1351,7 +1365,7 @@ exports.htmlTrackTagRenderer = (0, renderers_1.createComponentRenderer)("track",
     return ((0, jsx_runtime_1.jsx)("track", Object.assign({ style: layoutCss, default: defaultProp !== null && defaultProp !== void 0 ? defaultProp : false, src: src }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlUMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `u` tag.",
     isHtmlTag: true,
 });
@@ -1361,7 +1375,7 @@ exports.htmlUTagRenderer = (0, renderers_1.createComponentRenderer)("u", exports
     return ((0, jsx_runtime_1.jsx)("u", Object.assign({ style: layoutCss }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlUlMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    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
@@ -1377,7 +1391,7 @@ exports.htmlUlTagRenderer = (0, renderers_1.createComponentRenderer)("ul", expor
     return ((0, jsx_runtime_1.jsx)("ul", Object.assign({ style: layoutCss, className: HtmlTags_module_scss_1.default.htmlUl }, props, { children: renderChild(node.children) })));
 });
 exports.HtmlVarMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `var` tag.",
     isHtmlTag: true,
 });
@@ -1387,7 +1401,7 @@ exports.htmlVarTagRenderer = (0, renderers_1.createComponentRenderer)("var", exp
     return ((0, jsx_runtime_1.jsx)(TextNative_1.Text, Object.assign({ style: layoutCss }, props, { variant: "var", children: renderChild(node.children) })));
 });
 exports.HtmlVideoMd = (0, metadata_helpers_1.createMetadata)({
-    status: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `video` tag.",
     isHtmlTag: true,
     props: {
@@ -1415,7 +1429,7 @@ exports.htmlVideoTagRenderer = (0, renderers_1.createComponentRenderer)("video",
     return ((0, jsx_runtime_1.jsx)("video", Object.assign({ style: layoutCss, 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: "experimental",
+    status: "deprecated",
     description: "This component renders an HTML `wbr` tag.",
     isHtmlTag: true,
 });