@qualcomm-ui/mdx-vite 2.16.2 → 2.17.0

package/dist/docs-plugin/mdx-plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-plugins.d.ts","sourceRoot":"","sources":["../../src/docs-plugin/mdx-plugins.ts"],"names":[],"mappings":"AAGA,OAAoB,EAAC,KAAK,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAWpE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAW1C,OAAO,EAAe,KAAK,mBAAmB,EAAC,MAAM,YAAY,CAAA;AAYjE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAA8C,CAAA;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;CACjD;AAED,wBAAgB,oBAAoB,IAAI,gBAAgB,EAAE,CAWzD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,sBAA2B,GACnC,aAAa,CAyBf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAA8C,CAAA;AAE7E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,CAYhD"}
+{"version":3,"file":"mdx-plugins.d.ts","sourceRoot":"","sources":["../../src/docs-plugin/mdx-plugins.ts"],"names":[],"mappings":"AAGA,OAAoB,EAAC,KAAK,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAWpE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAW1C,OAAO,EAAe,KAAK,mBAAmB,EAAC,MAAM,YAAY,CAAA;AAajE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAA8C,CAAA;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;CACjD;AAED,wBAAgB,oBAAoB,IAAI,gBAAgB,EAAE,CAWzD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,sBAA2B,GACnC,aAAa,CAyBf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAA8C,CAAA;AAE7E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,CAahD"}

package/dist/docs-plugin/remark/index.d.ts

@@ -5,4 +5,5 @@ export * from "./remark-frontmatter-interpolation";
 export * from "./remark-frontmatter-title";
 export * from "./remark-self-link-headings";
 export * from "./remark-spoilers";
+export * from "./remark-steps";
 //# sourceMappingURL=index.d.ts.map

package/dist/docs-plugin/remark/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/docs-plugin/remark/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kCAAkC,CAAA;AAChD,cAAc,oCAAoC,CAAA;AAClD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/docs-plugin/remark/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kCAAkC,CAAA;AAChD,cAAc,oCAAoC,CAAA;AAClD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA"}

package/dist/docs-plugin/remark/remark-spoilers.d.ts

@@ -5,6 +5,7 @@ interface SpoilerOptions {
     detailsClassName?: string[];
     summaryClassName?: string[];
 }
+export declare function isSpoilerBlock(text: string): boolean;
 /**
  * Transforms spoiler blocks into MDX components.
  *

package/dist/docs-plugin/remark/remark-spoilers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remark-spoilers.d.ts","sourceRoot":"","sources":["../../../src/docs-plugin/remark/remark-spoilers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,IAAI,EAAC,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,SAAS,CAAA;AAGnC,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CA4F1D,CAAA"}
+{"version":3,"file":"remark-spoilers.d.ts","sourceRoot":"","sources":["../../../src/docs-plugin/remark/remark-spoilers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,IAAI,EAAC,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,SAAS,CAAA;AAGnC,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC5B;AAUD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,WAE1C;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CA+F1D,CAAA"}

package/dist/docs-plugin/remark/remark-steps.d.ts

@@ -0,0 +1,58 @@
+import type { Root } from "mdast";
+import type { Plugin } from "unified";
+export declare function isStepBlock(text: string): boolean;
+/**
+ * Transforms `:::steps` blocks into a styled `<div>` wrapper.
+ *
+ * Accepts an optional heading specifier to control which headings receive
+ * step numbering. Supports a single level (`h3`) or a range (`h2-h5`).
+ * Defaults to `h2-h4`.
+ *
+ * @example
+ * ```
+ * :::steps
+ *
+ * ## Step 1
+ *
+ * Content for step 1.
+ *
+ * ## Step 2
+ *
+ * Content for step 2.
+ *
+ * :::/steps
+ * ```
+ *
+ * With a single heading level:
+ *
+ * ```
+ * :::steps h3
+ *
+ * ### Step 1
+ *
+ * :::/steps
+ * ```
+ *
+ * With a custom heading range:
+ *
+ * ```
+ * :::steps h2-h5
+ *
+ * ## Step 1
+ *
+ * :::/steps
+ * ```
+ *
+ * result:
+ *
+ * ```jsx
+ * <div className="qui-docs__steps">
+ *   <h2 data-step>Step 1</h2>
+ *   <p>Content for step 1.</p>
+ *   <h2 data-step>Step 2</h2>
+ *   <p>Content for step 2.</p>
+ * </div>
+ * ```
+ */
+export declare const remarkSteps: Plugin<[], Root>;
+//# sourceMappingURL=remark-steps.d.ts.map

package/dist/docs-plugin/remark/remark-steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remark-steps.d.ts","sourceRoot":"","sources":["../../../src/docs-plugin/remark/remark-steps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAwB,IAAI,EAAC,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,SAAS,CAAA;AAyCnC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,WAEvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,CA8DxC,CAAA"}

package/dist/index.js

@@ -5310,7 +5310,7 @@ import remarkParse4 from "remark-parse";
 import remarkParseFrontmatter2 from "remark-parse-frontmatter";
 import remarkStringify4 from "remark-stringify";
 import { unified as unified5 } from "unified";
-import { visit as visit11 } from "unist-util-visit";
+import { visit as visit12 } from "unist-util-visit";
 import { kebabCase as kebabCase3 } from "@qualcomm-ui/utils/change-case";
 
 // src/docs-plugin/remark/remark-extract-meta.ts
@@ -5899,11 +5899,27 @@ ${propsToDefinitionList(outputs)}`);
   }
 };
 
-// src/ai-knowledge/generator/npm-install-tabs-plugin.ts
+// src/ai-knowledge/generator/filter-text-directives.ts
 import { visit as visit8 } from "unist-util-visit";
+var filterTextDirectives = () => {
+  return (tree, _file, done) => {
+    visit8(tree, "text", (node) => {
+      const value = node.value?.trim?.();
+      if (value && (isStepBlock(value) || isSpoilerBlock(value))) {
+        Object.assign(node, {
+          value: ``
+        });
+      }
+    });
+    done();
+  };
+};
+
+// src/ai-knowledge/generator/npm-install-tabs-plugin.ts
+import { visit as visit9 } from "unist-util-visit";
 var formatNpmInstallTabs = () => {
   return (tree, _file, done) => {
-    visit8(
+    visit9(
       tree,
       "mdxJsxFlowElement",
       (node, index, parent) => {
@@ -5932,7 +5948,7 @@ var formatNpmInstallTabs = () => {
 };
 
 // src/ai-knowledge/generator/qds-theme-plugin.ts
-import { visit as visit9 } from "unist-util-visit";
+import { visit as visit10 } from "unist-util-visit";
 function themeDataToJson(data, cssPropertyName) {
   if (!data || typeof data !== "object") {
     return "";
@@ -5991,7 +6007,7 @@ async function formatThemeNodes() {
     }
   };
   return () => (tree, _file, done) => {
-    visit9(tree, "mdxJsxFlowElement", (node) => {
+    visit10(tree, "mdxJsxFlowElement", (node) => {
       const handler = node.name && handlers[node.name];
       if (!handler) {
         return;
@@ -6026,7 +6042,7 @@ async function formatThemeNodes() {
 import { toString as toString2 } from "mdast-util-to-string";
 import remarkStringify3 from "remark-stringify";
 import { unified as unified4 } from "unified";
-import { visit as visit10 } from "unist-util-visit";
+import { visit as visit11 } from "unist-util-visit";
 import { kebabCase as kebabCase2 } from "@qualcomm-ui/utils/change-case";
 var SectionExtractor = class {
   depths;
@@ -6114,6 +6130,7 @@ var SectionExtractor = class {
           code: codeNode.value,
           language: codeNode.lang ?? ""
         });
+      } else if (node.type === "text" && (isStepBlock(node.value.trim()) || isSpoilerBlock(node.value.trim()))) {
       } else {
         contentNodes.push(node);
       }
@@ -6182,9 +6199,9 @@ var SectionExtractor = class {
    */
   transformLinks() {
     return () => (tree) => {
-      visit10(tree, "link", (node) => {
+      visit11(tree, "link", (node) => {
         let text = "";
-        visit10(node, "text", (textNode) => {
+        visit11(node, "text", (textNode) => {
           text += textNode.value;
         });
         Object.assign(node, {
@@ -6333,7 +6350,7 @@ var KnowledgeGenerator = class {
   }
   formatFrontmatterExpressions(frontmatter) {
     return () => (tree) => {
-      visit11(
+      visit12(
         tree,
         "mdxFlowExpression",
         (node, index, parent) => {
@@ -6373,7 +6390,7 @@ var KnowledgeGenerator = class {
       if (!baseUrl || this.config.outputMode !== "per-page") {
         return;
       }
-      visit11(tree, "link", (node) => {
+      visit12(tree, "link", (node) => {
         if (node.url.startsWith("/")) {
           node.url = `${baseUrl}${node.url}`;
         } else if (node.url.startsWith("./#") && pageUrl) {
@@ -6417,7 +6434,7 @@ var KnowledgeGenerator = class {
    * into Markdown, resolving relative links, and cleaning up formatting.
    */
   async processMdxContent(mdxContent, pageInfo, frontmatter) {
-    const processor = unified5().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(this.propFormatter.propsToMarkdownList()).use(this.formatFrontmatterExpressions(frontmatter)).use(await formatThemeNodes()).use(formatDemos(pageInfo.demosFolder)).use(this.transformRelativeUrls(pageInfo.url));
+    const processor = unified5().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(this.propFormatter.propsToMarkdownList()).use(this.formatFrontmatterExpressions(frontmatter)).use(await formatThemeNodes()).use(formatDemos(pageInfo.demosFolder)).use(filterTextDirectives).use(this.transformRelativeUrls(pageInfo.url));
     this.applyPlugins(pageInfo, processor);
     processor.use(remarkStringify4);
     return await processor.run(processor.parse(mdxContent));
@@ -7167,7 +7184,7 @@ var rehypeSectionize = (options = defaultOptions) => {
 };
 
 // src/docs-plugin/remark/remark-code-tabs.ts
-import { visit as visit12 } from "unist-util-visit";
+import { visit as visit13 } from "unist-util-visit";
 function parseTabAttributes(meta) {
   if (!meta) {
     return { label: null, remainingMeta: "", tabsGroup: null };
@@ -7253,7 +7270,7 @@ function renderTabs(tabs, parent) {
 var remarkCodeTabs = () => {
   return (tree) => {
     const transformations = [];
-    visit12(
+    visit13(
       tree,
       "code",
       (node, index, parent) => {
@@ -7295,10 +7312,10 @@ var remarkCodeTabs = () => {
 };
 
 // src/docs-plugin/remark/remark-frontmatter-description.ts
-import { visit as visit13 } from "unist-util-visit";
+import { visit as visit14 } from "unist-util-visit";
 var remarkFrontmatterDescription = () => {
   return (tree) => {
-    visit13(
+    visit14(
       tree,
       "mdxFlowExpression",
       (node, index, parent) => {
@@ -7324,14 +7341,14 @@ var remarkFrontmatterDescription = () => {
 };
 
 // src/docs-plugin/remark/remark-frontmatter-title.ts
-import { visit as visit14 } from "unist-util-visit";
+import { visit as visit15 } from "unist-util-visit";
 function isMdxTextExpression(node) {
   const n = node;
   return n.type === "mdxTextExpression" && typeof n.value === "string";
 }
 var remarkFrontmatterTitle = () => {
   return (tree) => {
-    visit14(
+    visit15(
       tree,
       "heading",
       (node, index, parent) => {
@@ -7364,7 +7381,7 @@ var remarkFrontmatterTitle = () => {
 
 // src/docs-plugin/remark/remark-self-link-headings.ts
 import { toString as toString3 } from "mdast-util-to-string";
-import { visit as visit15 } from "unist-util-visit";
+import { visit as visit16 } from "unist-util-visit";
 var emptyOptions2 = {};
 function remarkSelfLinkHeadings(baseUrl = "", options) {
   if (!baseUrl) {
@@ -7392,7 +7409,7 @@ function remarkSelfLinkHeadings(baseUrl = "", options) {
     }
     return (tree) => {
       seenIds.clear();
-      visit15(tree, "heading", (node) => {
+      visit16(tree, "heading", (node) => {
         if (allowedLevels.has(node.depth)) {
           const text = toString3(node);
           const slug = prefix + createSlug(text);
@@ -7409,7 +7426,16 @@ function remarkSelfLinkHeadings(baseUrl = "", options) {
 }
 
 // src/docs-plugin/remark/remark-spoilers.ts
-import { visit as visit16 } from "unist-util-visit";
+import { visit as visit17 } from "unist-util-visit";
+function getSpoilerStartMatch(text) {
+  return text.match(/^:::\s*spoiler\s*(.*)$/);
+}
+function getSpoilerEndMatch(text) {
+  return text.trim() === ":::";
+}
+function isSpoilerBlock(text) {
+  return !!getSpoilerStartMatch(text) || getSpoilerEndMatch(text);
+}
 var remarkSpoilers = (options = {}) => {
   const {
     defaultSummary = "Open spoiler",
@@ -7417,7 +7443,7 @@ var remarkSpoilers = (options = {}) => {
     summaryClassName = []
   } = options;
   return (tree) => {
-    visit16(tree, "paragraph", (node, index, parent) => {
+    visit17(tree, "paragraph", (node, index, parent) => {
       if (!parent || index === void 0) {
         return;
       }
@@ -7425,7 +7451,7 @@ var remarkSpoilers = (options = {}) => {
       if (firstChild?.type !== "text") {
         return;
       }
-      const match = firstChild.value.match(/^:::\s*spoiler\s*(.*)$/);
+      const match = getSpoilerStartMatch(firstChild.value);
       if (!match) {
         return;
       }
@@ -7436,7 +7462,7 @@ var remarkSpoilers = (options = {}) => {
         const child = parent.children[endIndex];
         if (child.type === "paragraph") {
           const firstText = child.children[0];
-          if (firstText?.type === "text" && firstText.value.trim() === ":::") {
+          if (firstText?.type === "text" && getSpoilerEndMatch(firstText.value.trim())) {
             break;
           }
         }
@@ -7486,6 +7512,88 @@ var remarkSpoilers = (options = {}) => {
   };
 };
 
+// src/docs-plugin/remark/remark-steps.ts
+import { visit as visit18 } from "unist-util-visit";
+var defaultAllowedHeadings = /* @__PURE__ */ new Set([2, 3, 4]);
+function parseHeadingRange(value) {
+  const match = value.match(/^h([1-6])(?:-h([1-6]))?$/);
+  if (!match) {
+    return void 0;
+  }
+  const start = Number(match[1]);
+  const end = match[2] ? Number(match[2]) : start;
+  if (start > end) {
+    return void 0;
+  }
+  const depths = /* @__PURE__ */ new Set();
+  for (let i = start; i <= end; i++) {
+    depths.add(i);
+  }
+  return depths;
+}
+function isHeading(node) {
+  return node.type === "heading";
+}
+function getStepStartMatch(text) {
+  return text.match(/^:::\s*steps(?:\s+(h[1-6](?:-h[1-6])?))?\s*$/);
+}
+function getStepEndMatch(text) {
+  return text.match(/^:::\s*\/steps\s*$/);
+}
+function isStepBlock(text) {
+  return !!(getStepStartMatch(text) || getStepEndMatch(text));
+}
+var remarkSteps = () => {
+  return (tree) => {
+    visit18(tree, "paragraph", (node, index, parent) => {
+      if (!parent || index === void 0) {
+        return;
+      }
+      const firstChild = node.children[0];
+      if (firstChild?.type !== "text") {
+        return;
+      }
+      const match = getStepStartMatch(firstChild.value);
+      if (!match) {
+        return;
+      }
+      const allowedHeadings = match[1] ? parseHeadingRange(match[1]) ?? defaultAllowedHeadings : defaultAllowedHeadings;
+      let endIndex = index + 1;
+      const contentNodes = [];
+      while (endIndex < parent.children.length) {
+        const child = parent.children[endIndex];
+        if (child.type === "paragraph") {
+          const firstText = child.children[0];
+          if (firstText?.type === "text" && getStepEndMatch(firstText.value)) {
+            break;
+          }
+        }
+        if (isHeading(child) && allowedHeadings.has(child.depth)) {
+          child.data = {
+            ...child.data,
+            hProperties: {
+              ...child.data?.hProperties,
+              "data-step": ""
+            }
+          };
+        }
+        contentNodes.push(child);
+        endIndex++;
+      }
+      if (endIndex >= parent.children.length) {
+        return;
+      }
+      const stepsNode = {
+        attributes: [],
+        children: contentNodes,
+        name: "HeadingSteps",
+        type: "mdxJsxFlowElement"
+      };
+      parent.children.splice(index, endIndex - index + 1, stepsNode);
+    });
+  };
+};
+
 // src/docs-plugin/shiki/utils.ts
 function removeCodeAnnotations(code) {
   const hideAnnotationRegex = /\/\/\s*\[!code\s+hide(?::\d+)?\]/;
@@ -7747,6 +7855,7 @@ function getRemarkPlugins() {
     remarkFrontmatterTitle,
     remarkFrontmatterDescription,
     remarkSpoilers,
+    remarkSteps,
     remarkExtractMeta
   ];
 }
@@ -7758,7 +7867,7 @@ import { readFile as readFile5 } from "node:fs/promises";
 import postcss from "postcss";
 import selectorParser from "postcss-selector-parser";
 import { compile } from "tailwindcss";
-import { visit as visit17 } from "unist-util-visit";
+import { visit as visit19 } from "unist-util-visit";
 import { camelCase } from "@qualcomm-ui/utils/change-case";
 async function loadStylesheetContent(id) {
   const resolveId = id === "tailwindcss" ? "tailwindcss/index.css" : id;
@@ -8433,7 +8542,7 @@ function angularDemoPlugin({
   }
   async function extractRelativeImports2(filePath) {
     try {
-      let visit19 = function(node) {
+      let visit21 = function(node) {
         if (ts2.isImportDeclaration(node)) {
           const moduleSpecifier = node.moduleSpecifier;
           if (ts2.isStringLiteral(moduleSpecifier)) {
@@ -8452,9 +8561,9 @@ function angularDemoPlugin({
             }
           }
         }
-        ts2.forEachChild(node, visit19);
+        ts2.forEachChild(node, visit21);
       };
-      var visit18 = visit19;
+      var visit20 = visit21;
       const content = await readFile6(filePath, "utf-8");
       const sourceFile = ts2.createSourceFile(
         filePath,
@@ -8464,7 +8573,7 @@ function angularDemoPlugin({
         ts2.ScriptKind.TS
       );
       const relativeImports = [];
-      visit19(sourceFile);
+      visit21(sourceFile);
       return relativeImports;
     } catch (error) {
       logDev(
@@ -8487,16 +8596,16 @@ function angularDemoPlugin({
   }
   function stripImports(code, fileName) {
     try {
-      let visit19 = function(node) {
+      let visit21 = function(node) {
         if (ts2.isImportDeclaration(node)) {
           importRanges.push({
             end: node.getEnd(),
             start: node.getFullStart()
           });
         }
-        ts2.forEachChild(node, visit19);
+        ts2.forEachChild(node, visit21);
       };
-      var visit18 = visit19;
+      var visit20 = visit21;
       const sourceFile = ts2.createSourceFile(
         fileName,
         code,
@@ -8505,7 +8614,7 @@ function angularDemoPlugin({
         ts2.ScriptKind.TS
       );
       const importRanges = [];
-      visit19(sourceFile);
+      visit21(sourceFile);
       return importRanges.map((range) => {
         let endPos = range.end;
         if (code[endPos] === "\n") {
@@ -8617,7 +8726,7 @@ function angularDemoPlugin({
     let templateUrl = null;
     let hasDefaultExport = false;
     const importsFromAst = [];
-    function visit18(node) {
+    function visit20(node) {
       if (ts2.isImportDeclaration(node)) {
         importsFromAst.push(node.getFullText(sourceFile).trim());
       }
@@ -8665,9 +8774,9 @@ function angularDemoPlugin({
       if (ts2.isExportAssignment(node) && !node.isExportEquals) {
         hasDefaultExport = true;
       }
-      ts2.forEachChild(node, visit18);
+      ts2.forEachChild(node, visit20);
     }
-    visit18(sourceFile);
+    visit20(sourceFile);
     return {
       componentClass,
       hasDefaultExport,
@@ -9124,7 +9233,7 @@ function extractImports(code, fileName) {
   );
   const thirdPartyImports = [];
   const relativeImports = [];
-  function visit18(node) {
+  function visit20(node) {
     if (ts3.isImportDeclaration(node)) {
       const importSpec = parseImportDeclaration(node, fileName);
       if (importSpec) {
@@ -9135,9 +9244,9 @@ function extractImports(code, fileName) {
         }
       }
     }
-    ts3.forEachChild(node, visit18);
+    ts3.forEachChild(node, visit20);
   }
-  visit18(sourceFile);
+  visit20(sourceFile);
   return { relativeImports, thirdPartyImports };
 }
 function getScriptKind(fileName) {
@@ -9734,16 +9843,16 @@ function reactDemoPlugin({
   }
   function stripImports(code, fileName) {
     try {
-      let visit19 = function(node) {
+      let visit21 = function(node) {
         if (ts4.isImportDeclaration(node)) {
           importRanges.push({
             end: node.getEnd(),
             start: node.getFullStart()
           });
         }
-        ts4.forEachChild(node, visit19);
+        ts4.forEachChild(node, visit21);
       };
-      var visit18 = visit19;
+      var visit20 = visit21;
       const sourceFile = ts4.createSourceFile(
         fileName,
         code,
@@ -9752,7 +9861,7 @@ function reactDemoPlugin({
         getScriptKind(fileName)
       );
       const importRanges = [];
-      visit19(sourceFile);
+      visit21(sourceFile);
       return importRanges.map((range) => {
         let endPos = range.end;
         if (code[endPos] === "\n") {
@@ -9806,6 +9915,8 @@ export {
   getShikiTransformers,
   isCssAsset,
   isDemoFile,
+  isSpoilerBlock,
+  isStepBlock,
   quiDocsPlugin,
   quiRehypePlugins,
   quiRemarkPlugins,
@@ -9822,6 +9933,7 @@ export {
   remarkGfm2 as remarkGfm,
   remarkMdxFrontmatter,
   remarkSelfLinkHeadings,
-  remarkSpoilers
+  remarkSpoilers,
+  remarkSteps
 };
 //# sourceMappingURL=index.js.map