xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/Heading/H3.spec.js

@@ -1,66 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders as h3 level heading", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H3 testId="h3">Test Heading</H3>`);
-        const driver = yield createHeadingDriver("h3");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Test Heading");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h3 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h3");
-    }));
-    (0, fixtures_1.test)("renders with value property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H3 testId="h3" value="Value Property Text" />`);
-        const driver = yield createHeadingDriver("h3");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Value Property Text");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h3 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h3");
-    }));
-    (0, fixtures_1.test)("is equivalent to Heading with level='h3'", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <Heading testId="heading" level="h3">Heading Content</Heading>
-        <H3 testId="h3">H3 Content</H3>
-      </Fragment>
-    `);
-        const headingDriver = yield createHeadingDriver("heading");
-        const h3Driver = yield createHeadingDriver("h3");
-        // Both should render as h3 elements
-        const headingTagName = yield headingDriver.getComponentTagName();
-        const h3TagName = yield h3Driver.getComponentTagName();
-        (0, fixtures_1.expect)(headingTagName.toLowerCase()).toBe("h3");
-        (0, fixtures_1.expect)(h3TagName.toLowerCase()).toBe("h3");
-        (0, fixtures_1.expect)(headingTagName).toEqual(h3TagName);
-        // Both should have heading role
-        yield (0, fixtures_1.expect)(headingDriver.component).toHaveRole("heading");
-        yield (0, fixtures_1.expect)(h3Driver.component).toHaveRole("heading");
-    }));
-    (0, fixtures_1.test)("ignores level property when provided", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H3 testId="h3" level="h1">Should be H3</H3>`);
-        const driver = yield createHeadingDriver("h3");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Should be H3");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Should always be h3 despite level="h1" prop (this is the expected behavior)
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h3");
-    }));
-});

package/dist/scripts/src/components/Heading/H4.spec.js

@@ -1,66 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders as h4 level heading", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H4 testId="h4">Test Heading</H4>`);
-        const driver = yield createHeadingDriver("h4");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Test Heading");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h4 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h4");
-    }));
-    (0, fixtures_1.test)("renders with value property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H4 testId="h4" value="Value Property Text" />`);
-        const driver = yield createHeadingDriver("h4");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Value Property Text");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h4 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h4");
-    }));
-    (0, fixtures_1.test)("is equivalent to Heading with level='h4'", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <Heading testId="heading" level="h4">Heading Content</Heading>
-        <H4 testId="h4">H4 Content</H4>
-      </Fragment>
-    `);
-        const headingDriver = yield createHeadingDriver("heading");
-        const h4Driver = yield createHeadingDriver("h4");
-        // Both should render as h4 elements
-        const headingTagName = yield headingDriver.getComponentTagName();
-        const h4TagName = yield h4Driver.getComponentTagName();
-        (0, fixtures_1.expect)(headingTagName.toLowerCase()).toBe("h4");
-        (0, fixtures_1.expect)(h4TagName.toLowerCase()).toBe("h4");
-        (0, fixtures_1.expect)(headingTagName).toEqual(h4TagName);
-        // Both should have heading role
-        yield (0, fixtures_1.expect)(headingDriver.component).toHaveRole("heading");
-        yield (0, fixtures_1.expect)(h4Driver.component).toHaveRole("heading");
-    }));
-    (0, fixtures_1.test)("ignores level property when provided", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H4 testId="h4" level="h1">Should be H4</H4>`);
-        const driver = yield createHeadingDriver("h4");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Should be H4");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Should always be h4 despite level="h1" prop (this is the expected behavior)
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h4");
-    }));
-});

package/dist/scripts/src/components/Heading/H5.spec.js

@@ -1,66 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders as h5 level heading", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H5 testId="h5">Test Heading</H5>`);
-        const driver = yield createHeadingDriver("h5");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Test Heading");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h5 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h5");
-    }));
-    (0, fixtures_1.test)("renders with value property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H5 testId="h5" value="Value Property Text" />`);
-        const driver = yield createHeadingDriver("h5");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Value Property Text");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h5 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h5");
-    }));
-    (0, fixtures_1.test)("is equivalent to Heading with level='h5'", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <Heading testId="heading" level="h5">Heading Content</Heading>
-        <H5 testId="h5">H5 Content</H5>
-      </Fragment>
-    `);
-        const headingDriver = yield createHeadingDriver("heading");
-        const h5Driver = yield createHeadingDriver("h5");
-        // Both should render as h5 elements
-        const headingTagName = yield headingDriver.getComponentTagName();
-        const h5TagName = yield h5Driver.getComponentTagName();
-        (0, fixtures_1.expect)(headingTagName.toLowerCase()).toBe("h5");
-        (0, fixtures_1.expect)(h5TagName.toLowerCase()).toBe("h5");
-        (0, fixtures_1.expect)(headingTagName).toEqual(h5TagName);
-        // Both should have heading role
-        yield (0, fixtures_1.expect)(headingDriver.component).toHaveRole("heading");
-        yield (0, fixtures_1.expect)(h5Driver.component).toHaveRole("heading");
-    }));
-    (0, fixtures_1.test)("ignores level property when provided", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H5 testId="h5" level="h1">Should be H5</H5>`);
-        const driver = yield createHeadingDriver("h5");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Should be H5");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Should always be h5 despite level="h1" prop (this is the expected behavior)
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h5");
-    }));
-});

package/dist/scripts/src/components/Heading/H6.spec.js

@@ -1,66 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders as h6 level heading", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H6 testId="h6">Test Heading</H6>`);
-        const driver = yield createHeadingDriver("h6");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Test Heading");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h6 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h6");
-    }));
-    (0, fixtures_1.test)("renders with value property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H6 testId="h6" value="Value Property Text" />`);
-        const driver = yield createHeadingDriver("h6");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Value Property Text");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Verify it renders as h6 HTML element
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h6");
-    }));
-    (0, fixtures_1.test)("is equivalent to Heading with level='h6'", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <Heading testId="heading" level="h6">Heading Content</Heading>
-        <H6 testId="h6">H6 Content</H6>
-      </Fragment>
-    `);
-        const headingDriver = yield createHeadingDriver("heading");
-        const h6Driver = yield createHeadingDriver("h6");
-        // Both should render as h6 elements
-        const headingTagName = yield headingDriver.getComponentTagName();
-        const h6TagName = yield h6Driver.getComponentTagName();
-        (0, fixtures_1.expect)(headingTagName.toLowerCase()).toBe("h6");
-        (0, fixtures_1.expect)(h6TagName.toLowerCase()).toBe("h6");
-        (0, fixtures_1.expect)(headingTagName).toEqual(h6TagName);
-        // Both should have heading role
-        yield (0, fixtures_1.expect)(headingDriver.component).toHaveRole("heading");
-        yield (0, fixtures_1.expect)(h6Driver.component).toHaveRole("heading");
-    }));
-    (0, fixtures_1.test)("ignores level property when provided", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createHeadingDriver }) {
-        yield initTestBed(`<H6 testId="h6" level="h1">Should be H6</H6>`);
-        const driver = yield createHeadingDriver("h6");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.component).toContainText("Should be H6");
-        yield (0, fixtures_1.expect)(driver.component).toHaveRole("heading");
-        // Should always be h6 despite level="h1" prop (this is the expected behavior)
-        const tagName = yield driver.getComponentTagName();
-        (0, fixtures_1.expect)(tagName.toLowerCase()).toBe("h6");
-    }));
-});

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

@@ -1,396 +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.h6ComponentRenderer = exports.h5ComponentRenderer = exports.h4ComponentRenderer = exports.h3ComponentRenderer = exports.h2ComponentRenderer = exports.h1ComponentRenderer = exports.headingComponentRenderer = exports.H6Md = exports.H5Md = exports.H4Md = exports.H3Md = exports.H2Md = exports.H1Md = exports.HeadingMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Heading_module_scss_1 = __importDefault(require("./Heading.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const HeadingNative_1 = require("./HeadingNative");
-const extractParam_1 = require("../../components-core/utils/extractParam");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "Heading";
-/**
- * Normalizes the level value to a valid HeadingLevel (h1-h6).
- * Accepts: 1-6, "1"-"6", "h1"-"h6", "H1"-"H6"
- * Returns "h1" for any invalid value.
- */
-function normalizeHeadingLevel(value) {
-    if (value === null || value === undefined) {
-        return "h1";
-    }
-    // Handle numeric values (1-6)
-    if (typeof value === "number") {
-        if (value >= 1 && value <= 6) {
-            return `h${value}`;
-        }
-        return "h1";
-    }
-    // Handle string values
-    if (typeof value === "string") {
-        const trimmed = value.trim().toLowerCase();
-        // Handle "h1"-"h6" (case insensitive)
-        if (/^h[1-6]$/.test(trimmed)) {
-            return trimmed;
-        }
-        // Handle "1"-"6"
-        if (/^[1-6]$/.test(trimmed)) {
-            return `h${trimmed}`;
-        }
-    }
-    // Default fallback
-    return "h1";
-}
-const VALUE_DESC = (0, metadata_helpers_1.d)(`This property determines the text displayed in the heading. \`${COMP}\` also accepts nested ` +
-    `text instead of specifying the \`value\`. If both \`value\` and a nested text are used, ` +
-    `the \`value\` will be displayed.`);
-const MAX_LINES_DESC = (0, metadata_helpers_1.d)("This optional property determines the maximum number of lines the component can wrap to. " +
-    "If there is not enough space for all of the text, the component wraps the text up to as many " +
-    "lines as specified. If the value is not specified, there is no limit on the number of " +
-    "displayed lines.");
-const ELLIPSES_DESC = {
-    description: `This property indicates whether ellipses should be displayed (\`true\`) when the heading ` +
-        `text is cropped or not (\`false\`).`,
-    type: "boolean",
-    defaultValue: HeadingNative_1.defaultProps.ellipses,
-};
-const PRESERVE_DESC = (0, metadata_helpers_1.d)(`This property indicates whether linebreaks should be preserved when ` + `displaying text.`, undefined, "boolean", HeadingNative_1.defaultProps.preserveLinebreaks);
-const LEVEL_DESC = (level) => `Represents a heading level ${level} text`;
-const OMIT_FROM_TOC_DESC = {
-    description: "If true, this heading will be excluded from the table of contents.",
-    type: "boolean",
-    defaultValue: HeadingNative_1.defaultProps.omitFromToc,
-};
-const SHOW_ANCHOR_DESC = {
-    description: "This property indicates whether an anchor link should be displayed next to the heading. " +
-        "If set to `true`, an anchor link will be displayed on hover next to the heading.",
-    type: "boolean",
-    defaultValue: HeadingNative_1.defaultProps.showAnchor,
-};
-const APIS_DESC = {
-    scrollIntoView: {
-        signature: "scrollIntoView()",
-        description: "Scrolls the heading into view.",
-    },
-    hasOverflow: {
-        signature: "hasOverflow()",
-        description: "Returns true when the displayed text overflows the bounds of this heading component.",
-    },
-};
-exports.HeadingMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Heading` displays hierarchical text headings with semantic importance levels " +
-        "from H1 to H6, following HTML heading standards. It provides text overflow " +
-        "handling, anchor link generation, and integrates with " +
-        "[TableOfContents](/components/TableOfContents).",
-    props: {
-        value: VALUE_DESC,
-        level: {
-            description: "This property sets the visual significance (level) of the heading. " +
-                "Accepts multiple formats: `h1`-`h6`, `H1`-`H6`, or `1`-`6`." +
-                "Invalid values default to `h1`.",
-            availableValues: [
-                "h1", "h2", "h3", "h4", "h5", "h6",
-                "H1", "H2", "H3", "H4", "H5", "H6",
-                "1", "2", "3", "4", "5", "6",
-            ],
-            defaultValue: HeadingNative_1.defaultProps.level,
-        },
-        maxLines: MAX_LINES_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    limitThemeVarsToComponent: true,
-    defaultThemeVars: {
-        [`fontFamily-${COMP}`]: "$fontFamily",
-        [`textColor-${COMP}`]: "inherit",
-        [`fontWeight-${COMP}`]: "$fontWeight-bold",
-        [`letterSpacing-${COMP} `]: "0",
-        [`color-anchor-${COMP} `]: "$color-surface-400",
-        [`gap-anchor-${COMP} `]: "$space-2",
-        [`textDecorationLine-anchor-${COMP} `]: "underline",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-const H1 = "H1";
-exports.H1Md = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: LEVEL_DESC(1),
-    specializedFrom: COMP,
-    props: {
-        value: VALUE_DESC,
-        maxLines: MAX_LINES_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`fontSize-${H1}`]: "$fontSize-2xl",
-        [`marginTop-${H1}`]: "0",
-        [`marginBottom-${H1}`]: "0",
-        [`fontSize-${H1}-markdown`]: "$fontSize-2xl",
-        [`marginTop-${H1}-markdown`]: "0",
-        [`marginBottom-${H1}-markdown`]: "$space-6",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-const H2 = "H2";
-exports.H2Md = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: LEVEL_DESC(2),
-    specializedFrom: COMP,
-    props: {
-        value: VALUE_DESC,
-        maxLines: MAX_LINES_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`fontSize-${H2}`]: "$fontSize-xl",
-        [`marginTop-${H2}`]: "0",
-        [`marginBottom-${H2}`]: "0",
-        [`fontSize-${H2}-markdown`]: "$fontSize-xl",
-        [`marginTop-${H2}-markdown`]: "$space-10",
-        [`marginBottom-${H2}-markdown`]: "$space-3",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-const H3 = "H3";
-exports.H3Md = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: LEVEL_DESC(3),
-    specializedFrom: COMP,
-    props: {
-        value: VALUE_DESC,
-        maxLines: MAX_LINES_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`fontSize-${H3}`]: "$fontSize-lg",
-        [`marginTop-${H3}`]: "0",
-        [`marginBottom-${H3}`]: "0",
-        [`fontSize-${H3}-markdown`]: "$fontSize-lg",
-        [`marginTop-${H3}-markdown`]: "$space-6",
-        [`marginBottom-${H3}-markdown`]: "$space-2",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-const H4 = "H4";
-exports.H4Md = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: LEVEL_DESC(4),
-    specializedFrom: COMP,
-    props: {
-        value: VALUE_DESC,
-        maxLines: MAX_LINES_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`fontSize-${H4}`]: "$fontSize-base",
-        [`marginTop-${H4}`]: "0",
-        [`marginBottom-${H4}`]: "0",
-        [`fontSize-${H4}-markdown`]: "$fontSize-base",
-        [`marginTop-${H4}-markdown`]: "$space-5",
-        [`marginBottom-${H4}-markdown`]: "$space-1",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-const H5 = "H5";
-exports.H5Md = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: LEVEL_DESC(5),
-    specializedFrom: COMP,
-    props: {
-        value: VALUE_DESC,
-        maxLines: MAX_LINES_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`fontSize-${H5}`]: "$fontSize-sm",
-        [`marginTop-${H5}`]: "0",
-        [`marginBottom-${H5}`]: "0",
-        [`fontSize-${H5}-markdown`]: "$fontSize-sm",
-        [`marginTop-${H5}-markdown`]: "0",
-        [`marginBottom-${H5}-markdown`]: "$space-0",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-const H6 = "H6";
-exports.H6Md = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: LEVEL_DESC(6),
-    specializedFrom: COMP,
-    props: {
-        value: VALUE_DESC,
-        maxLines: MAX_LINES_DESC,
-        omitFromToc: OMIT_FROM_TOC_DESC,
-        ellipses: ELLIPSES_DESC,
-        preserveLinebreaks: PRESERVE_DESC,
-        showAnchor: SHOW_ANCHOR_DESC,
-    },
-    apis: APIS_DESC,
-    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`fontSize-${H6}`]: "$fontSize-xs",
-        [`marginTop-${H6}`]: "0",
-        [`marginBottom-${H6}`]: "0",
-        [`fontSize-${H6}-markdown`]: "$fontSize-xs",
-        [`marginTop-${H6}-markdown`]: "0",
-        [`marginBottom-${H6}-markdown`]: "$space-0",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-function renderHeading({ node, extractValue, className, level, renderChild, registerComponentApi, }) {
-    var _a, _b;
-    const _c = node.props, { maxLines, preserveLinebreaks, ellipses, showAnchor } = _c, restProps = __rest(_c, ["maxLines", "preserveLinebreaks", "ellipses", "showAnchor"]);
-    delete restProps.level; // Remove level from restProps as it is handled separately
-    const showAnchorValue = extractValue.asOptionalBoolean((_a = node.props) === null || _a === void 0 ? void 0 : _a.showAnchor);
-    // Extract and normalize the level value
-    const extractedLevel = extractValue(level);
-    const normalizedLevel = normalizeHeadingLevel(extractedLevel);
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ uid: node.uid, level: normalizedLevel, maxLines: extractValue.asOptionalNumber(maxLines), preserveLinebreaks: extractValue.asOptionalBoolean(preserveLinebreaks, false), ellipses: extractValue.asOptionalBoolean(ellipses, true), showAnchor: showAnchorValue, className: className, omitFromToc: extractValue.asOptionalBoolean((_b = node.props) === null || _b === void 0 ? void 0 : _b.omitFromToc), registerComponentApi: registerComponentApi }, (0, extractParam_1.resolveAndCleanProps)(restProps, extractValue), { children: extractValue.asDisplayText(node.props.value) || renderChild(node.children) })));
-}
-exports.headingComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.HeadingMd, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node: node,
-        extractValue,
-        className,
-        level: node.props.level,
-        renderChild,
-        registerComponentApi,
-    });
-});
-exports.h1ComponentRenderer = (0, renderers_1.createComponentRenderer)(H1, exports.H1Md, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node,
-        extractValue,
-        className,
-        level: "h1",
-        renderChild,
-        registerComponentApi,
-    });
-});
-exports.h2ComponentRenderer = (0, renderers_1.createComponentRenderer)(H2, exports.H2Md, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node,
-        extractValue,
-        className,
-        level: "h2",
-        renderChild,
-        registerComponentApi,
-    });
-});
-exports.h3ComponentRenderer = (0, renderers_1.createComponentRenderer)(H3, exports.H3Md, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node,
-        extractValue,
-        className,
-        level: "h3",
-        renderChild,
-        registerComponentApi,
-    });
-});
-exports.h4ComponentRenderer = (0, renderers_1.createComponentRenderer)(H4, exports.H4Md, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node,
-        extractValue,
-        className,
-        level: "h4",
-        renderChild,
-        registerComponentApi,
-    });
-});
-exports.h5ComponentRenderer = (0, renderers_1.createComponentRenderer)(H5, exports.H5Md, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node,
-        extractValue,
-        className,
-        level: "h5",
-        renderChild,
-        registerComponentApi,
-    });
-});
-exports.h6ComponentRenderer = (0, renderers_1.createComponentRenderer)(H6, exports.H6Md, ({ node, extractValue, className, renderChild, registerComponentApi }) => {
-    return renderHeading({
-        node,
-        extractValue,
-        className,
-        level: "h6",
-        renderChild,
-        registerComponentApi,
-    });
-});