@qualcomm-ui/mdx-vite 2.14.2 → 2.15.0

package/dist/index.js

@@ -3489,12 +3489,12 @@ import chalk5 from "chalk";
 import { watch } from "chokidar";
 import { glob as glob2 } from "glob";
 import { existsSync, statSync } from "node:fs";
-import { readFile as readFile3 } from "node:fs/promises";
-import { basename as basename2, dirname as dirname2, join as join4, relative as relative3, resolve as resolve3 } from "node:path";
+import { readFile as readFile6 } from "node:fs/promises";
+import { basename as basename3, dirname as dirname4, join as join7, relative as relative3, resolve as resolve5 } from "node:path";
 import {
   createHighlighter
 } from "shiki";
-import * as ts from "typescript";
+import * as ts2 from "typescript";
 import {
   quiCustomDarkTheme as quiCustomDarkTheme2
 } from "@qualcomm-ui/mdx-common";
@@ -3505,7 +3505,7 @@ import chalk4 from "chalk";
 import chokidar from "chokidar";
 import { glob } from "glob";
 import { readFileSync as readFileSync2 } from "node:fs";
-import { join as join3, resolve as resolve2 } from "node:path";
+import { join as join6, resolve as resolve4 } from "node:path";
 import prettyMilliseconds from "pretty-ms";
 
 // ../../../node_modules/.pnpm/@commander-js+extra-typings@14.0.0_commander@14.0.2/node_modules/@commander-js/extra-typings/esm.mjs
@@ -3525,29 +3525,8 @@ var {
   Help
 } = import_index.default;
 
-// src/open-web-ui-knowledge/generate-knowledge.ts
-import AdmZip from "adm-zip";
-import chalk3 from "chalk";
-import { minimatch } from "minimatch";
-import { createHash as createHash2 } from "node:crypto";
-import {
-  access,
-  mkdir,
-  readdir,
-  readFile,
-  rm,
-  stat,
-  writeFile
-} from "node:fs/promises";
-import { basename, dirname, extname, join as join2, relative as relative2, resolve } from "node:path";
-import remarkFrontmatter2 from "remark-frontmatter";
-import remarkMdx3 from "remark-mdx";
-import remarkParse4 from "remark-parse";
-import remarkParseFrontmatter2 from "remark-parse-frontmatter";
-import remarkStringify3 from "remark-stringify";
-import { unified as unified4 } from "unified";
-import { visit as visit5 } from "unist-util-visit";
-import { kebabCase } from "@qualcomm-ui/utils/change-case";
+// src/ai-knowledge/env.ts
+import { config } from "dotenv";
 
 // src/docs-plugin/internal/config-loader.ts
 import { cosmiconfigSync } from "cosmiconfig";
@@ -3597,15 +3576,27 @@ var knowledgeExtraFileSchema = implement().with({
   processAsMdx: z2.boolean().optional(),
   title: z2.string().optional()
 });
+var frontmatterConfigSchema = z2.object({
+  exclude: z2.array(z2.string()).optional(),
+  extraFields: z2.record(z2.string(), z2.union([z2.string(), z2.array(z2.string())])).optional(),
+  include: z2.array(z2.string()).optional()
+}).optional();
+var sectionsExportsSchema = implement().with({
+  depths: z2.array(z2.number()).optional(),
+  minContentLength: z2.number().optional(),
+  outputPath: z2.string().optional()
+});
 var knowledgeExportsSchema = implement().with({
   enabled: z2.boolean().optional(),
   exclude: z2.array(z2.string()).optional(),
   extraFiles: z2.array(knowledgeExtraFileSchema).optional(),
+  frontmatter: frontmatterConfigSchema,
   generateBulkZip: z2.boolean().optional(),
   generateManifest: z2.boolean().optional(),
   manifestPath: z2.string().optional(),
   metadata: z2.record(z2.string(), z2.string()).optional(),
   pageTitlePrefix: z2.string().optional(),
+  sections: sectionsExportsSchema.optional(),
   staticPath: z2.string().optional()
 });
 var knowledgeIntegrationSchema = implement().with(
@@ -3615,7 +3606,7 @@ var knowledgeIntegrationSchema = implement().with(
     exclude: z2.array(z2.string()).optional(),
     exports: knowledgeExportsSchema.optional(),
     extraFiles: z2.array(knowledgeExtraFileSchema).optional(),
-    frontmatterFields: z2.union([z2.array(z2.string()), z2.any()]).optional(),
+    frontmatter: frontmatterConfigSchema,
     metadata: z2.record(z2.string(), z2.string()).optional(),
     name: z2.string().optional(),
     outputMode: z2.union([z2.literal("per-page"), z2.literal("aggregated")]).optional(),
@@ -3630,7 +3621,7 @@ var knowledgeEnvironmentSchema = implement().with({
   exclude: z2.array(z2.string()).optional(),
   exports: knowledgeExportsSchema.optional(),
   extraFiles: z2.array(knowledgeExtraFileSchema).optional(),
-  frontmatterFields: z2.array(z2.string()).optional(),
+  frontmatter: frontmatterConfigSchema,
   id: z2.string(),
   metadata: z2.record(z2.string(), z2.string()).optional(),
   name: z2.string().optional(),
@@ -4480,6 +4471,7 @@ var remarkRemoveJsx = () => {
   return (tree, _file, done) => {
     remove2(tree, "mdxjsEsm");
     remove2(tree, "mdxJsxFlowElement");
+    remove2(tree, "mdxJsxTextElement");
     done();
   };
 };
@@ -5306,28 +5298,128 @@ var SearchIndexer = class {
   }
 };
 
-// src/open-web-ui-knowledge/common.ts
-import { config } from "dotenv";
+// src/ai-knowledge/generator/knowledge-generator.ts
+import AdmZip from "adm-zip";
+import chalk3 from "chalk";
+import { minimatch } from "minimatch";
+import { mkdir, readdir, readFile as readFile4, rm, stat, writeFile } from "node:fs/promises";
+import { basename as basename2, dirname as dirname3, join as join5, relative as relative2, resolve as resolve3 } from "node:path";
+import remarkFrontmatter2 from "remark-frontmatter";
+import remarkMdx3 from "remark-mdx";
+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 { kebabCase as kebabCase3 } from "@qualcomm-ui/utils/change-case";
 
-// src/open-web-ui-knowledge/generate-knowledge.ts
-async function exists(dirPath) {
-  return access(dirPath).then(() => true).catch(() => false);
+// src/docs-plugin/remark/remark-extract-meta.ts
+import { SKIP, visit as visit5 } from "unist-util-visit";
+function parseValue(value) {
+  const trimmed = value.trim();
+  if (trimmed.startsWith("[") && trimmed.endsWith("]")) {
+    const inner = trimmed.slice(1, -1);
+    return inner.split(",").map((item) => item.trim()).filter(Boolean);
+  }
+  return trimmed;
 }
-function computeMd5(content) {
-  return createHash2("md5").update(content).digest("hex");
+function parseMetaContent(content) {
+  const result = {};
+  const lines = content.split("\n");
+  for (const line of lines) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed === ":::") {
+      continue;
+    }
+    const colonIndex = trimmed.indexOf(":");
+    if (colonIndex === -1) {
+      continue;
+    }
+    const key = trimmed.slice(0, colonIndex).trim();
+    const value = trimmed.slice(colonIndex + 1).trim();
+    if (key && value) {
+      result[key] = parseValue(value);
+    }
+  }
+  return result;
 }
-function extractBestType(propInfo) {
-  const type = propInfo.resolvedType?.prettyType || propInfo.type;
-  return cleanType(type.startsWith("| ") ? type.substring(2) : type);
+var remarkExtractMeta = (metadata = {}) => {
+  return (tree) => {
+    const nodesToRemove = [];
+    visit5(tree, "paragraph", (node, index, parent) => {
+      if (!parent || index === void 0) {
+        return;
+      }
+      const firstChild = node.children[0];
+      if (firstChild?.type !== "text") {
+        return;
+      }
+      const text = firstChild.value;
+      const openMatch = text.match(/^:::\s*meta\s*/);
+      if (!openMatch) {
+        return;
+      }
+      if (text.includes(":::") && text.lastIndexOf(":::") > openMatch[0].length) {
+        const afterOpen = text.slice(openMatch[0].length);
+        const closeIndex = afterOpen.lastIndexOf(":::");
+        const content = afterOpen.slice(0, closeIndex);
+        const parsed = parseMetaContent(content);
+        Object.assign(metadata, parsed);
+        nodesToRemove.push({ index, parent });
+        return SKIP;
+      }
+      let fullText = text;
+      for (let i = 1; i < node.children.length; i++) {
+        const child = node.children[i];
+        if (child.type === "text") {
+          fullText += child.value;
+        }
+      }
+      const afterOpenFull = fullText.slice(openMatch[0].length);
+      const closeIndexFull = afterOpenFull.lastIndexOf(":::");
+      if (closeIndexFull !== -1) {
+        const content = afterOpenFull.slice(0, closeIndexFull);
+        const parsed = parseMetaContent(content);
+        Object.assign(metadata, parsed);
+        nodesToRemove.push({ index, parent });
+        return SKIP;
+      }
+    });
+    for (let i = nodesToRemove.length - 1; i >= 0; i--) {
+      const { index, parent } = nodesToRemove[i];
+      parent.children.splice(index, 1);
+    }
+  };
+};
+
+// src/ai-knowledge/generator/config.ts
+var currentConfig = null;
+function setConfig(config2) {
+  currentConfig = config2;
 }
-function extractRequired(propInfo, isPartial) {
-  return Boolean(propInfo.resolvedType?.required && !isPartial);
+function getConfig() {
+  if (!currentConfig) {
+    throw new Error("Config not initialized");
+  }
+  return currentConfig;
 }
-function cleanType(type) {
-  return type.replace(/\n/g, " ").replace(/\s+/g, " ").trim();
+
+// src/ai-knowledge/generator/demo-plugin.ts
+import { readFile as readFile2 } from "node:fs/promises";
+import { basename, extname, join as join3 } from "node:path";
+import { visit as visit6 } from "unist-util-visit";
+import { kebabCase } from "@qualcomm-ui/utils/change-case";
+
+// src/ai-knowledge/generator/utils.ts
+import { createHash as createHash2 } from "node:crypto";
+import { access, readFile } from "node:fs/promises";
+import { dirname, join as join2, resolve } from "node:path";
+import ts from "typescript";
+async function exists(dirPath) {
+  return access(dirPath).then(() => true).catch(() => false);
 }
-function cleanDefaultValue(defaultValue) {
-  return defaultValue.replace(/^\n+/, "").replace(/\n+$/, "").trim();
+function computeMd5(content) {
+  return createHash2("md5").update(content).digest("hex");
 }
 function isPreviewLine(trimmedLine) {
   return trimmedLine === "// preview" || /^\{\s*\/\*\s*preview\s*\*\/\s*\}$/.test(trimmedLine) || /^<!--\s*preview\s*-->$/.test(trimmedLine);
@@ -5347,11 +5439,21 @@ function getIntroLines(projectName, description) {
   return lines.join("\n");
 }
 function extractRelativeImports(content) {
+  const sourceFile = ts.createSourceFile(
+    "temp.ts",
+    content,
+    ts.ScriptTarget.Latest,
+    false,
+    ts.ScriptKind.TSX
+  );
   const imports = [];
-  const importRegex = /^import\s+(?:{[^}]*}|[\w*]+|\*\s+as\s+\w+)?\s*(?:,\s*{[^}]*})?\s*from\s+["'](\.[^"']+)["']/gm;
-  let match;
-  while ((match = importRegex.exec(content)) !== null) {
-    imports.push(match[1]);
+  for (const statement of sourceFile.statements) {
+    if (ts.isImportDeclaration(statement) && ts.isStringLiteral(statement.moduleSpecifier)) {
+      const path = statement.moduleSpecifier.text;
+      if (path.startsWith(".")) {
+        imports.push(path);
+      }
+    }
   }
   return imports;
 }
@@ -5376,30 +5478,169 @@ async function resolveModulePath(importPath, fromFile) {
 function extractMetadata(metadata) {
   return Object.entries(metadata ?? {});
 }
-var replaceNpmInstallTabs = () => {
-  return (tree, _file, done) => {
-    visit5(tree, "mdxJsxFlowElement", (node) => {
-      if (node?.name === "NpmInstallTabs") {
-        const packages = node.attributes?.find(
-          (attr) => attr.type === "mdxJsxAttribute" && attr.name === "packages"
+
+// src/ai-knowledge/generator/demo-plugin.ts
+async function collectDemoImports(demoCode, demoFilePath, visited = /* @__PURE__ */ new Set()) {
+  const modules = [];
+  const relativeImports = extractRelativeImports(demoCode);
+  for (const importPath of relativeImports) {
+    const resolvedPath = await resolveModulePath(importPath, demoFilePath);
+    if (!resolvedPath || visited.has(resolvedPath)) {
+      continue;
+    }
+    visited.add(resolvedPath);
+    try {
+      const importContent = await readFile2(resolvedPath, "utf-8");
+      modules.push({
+        content: importContent,
+        path: resolvedPath
+      });
+      const nestedModules = await collectDemoImports(
+        importContent,
+        resolvedPath,
+        visited
+      );
+      modules.push(...nestedModules);
+    } catch {
+      if (getConfig().verbose) {
+        console.log(`  Could not read import: ${resolvedPath}`);
+      }
+    }
+  }
+  return modules;
+}
+function formatDemos(demosFolder) {
+  return () => async (tree) => {
+    const promises = [];
+    visit6(
+      tree,
+      "mdxJsxFlowElement",
+      (node, index, parent) => {
+        if (!node?.name || !["QdsDemo", "CodeDemo", "Demo"].includes(node.name)) {
+          return;
+        }
+        const nameAttr = node.attributes?.find(
+          (attr) => attr.type === "mdxJsxAttribute" && attr.name === "name"
+        );
+        const nodeAttr = node.attributes?.find(
+          (attr) => attr.type === "mdxJsxAttribute" && attr.name === "node"
+        );
+        let demoName;
+        if (nameAttr && typeof nameAttr.value === "string") {
+          demoName = nameAttr.value;
+        } else if (nodeAttr?.value && typeof nodeAttr.value !== "string") {
+          const estree = nodeAttr.value.data?.estree;
+          if (estree?.body?.[0]?.type === "ExpressionStatement") {
+            const expression = estree.body[0].expression;
+            if (expression.type === "MemberExpression" && expression.object.type === "Identifier" && expression.object.name === "Demo" && expression.property.type === "Identifier") {
+              demoName = expression.property.name;
+            }
+          }
+        }
+        if (!demoName) {
+          if (parent && index !== void 0) {
+            parent.children.splice(index, 1);
+          }
+          return;
+        }
+        promises.push(
+          (async () => {
+            const kebabName = kebabCase(demoName);
+            let filePath = `${kebabName}.tsx`;
+            if (!demosFolder) {
+              if (getConfig().verbose) {
+                console.log(`  No demos folder for ${demoName}`);
+              }
+              if (parent && index !== void 0) {
+                parent.children.splice(index, 1);
+              }
+              return;
+            }
+            let demoFilePath = join3(demosFolder, filePath);
+            let isAngularDemo = false;
+            if (!await exists(demoFilePath)) {
+              demoFilePath = join3(demosFolder, `${kebabName}.ts`);
+              if (await exists(demoFilePath)) {
+                isAngularDemo = true;
+                filePath = `${kebabCase(demoName).replace("-component", ".component")}.ts`;
+                demoFilePath = join3(demosFolder, filePath);
+              } else {
+                console.log(`  Demo not found ${demoName}`);
+                if (parent && index !== void 0) {
+                  parent.children.splice(index, 1);
+                }
+                return;
+              }
+            }
+            try {
+              const demoCode = await readFile2(demoFilePath, "utf-8");
+              const cleanedCode = removePreviewLines(demoCode);
+              if (getConfig().verbose) {
+                console.log(`  Replaced demo ${demoName} with source code`);
+              }
+              const demoCodeBlock = {
+                lang: isAngularDemo ? "angular-ts" : "tsx",
+                meta: null,
+                type: "code",
+                value: cleanedCode
+              };
+              const importedModules = await collectDemoImports(
+                demoCode,
+                demoFilePath
+              );
+              if (importedModules.length === 0 || !parent || index === void 0) {
+                Object.assign(node, demoCodeBlock);
+              } else {
+                const nodesToInsert = [demoCodeBlock];
+                for (const importedModule of importedModules) {
+                  const ext = extname(importedModule.path).slice(1);
+                  const filename = basename(importedModule.path);
+                  nodesToInsert.push({
+                    lang: ext,
+                    meta: `title="${filename}"`,
+                    type: "code",
+                    value: importedModule.content
+                  });
+                }
+                parent.children.splice(index, 1, ...nodesToInsert);
+                if (getConfig().verbose) {
+                  console.log(
+                    `  Added ${importedModules.length} imported file(s) after demo`
+                  );
+                }
+              }
+            } catch (error) {
+              if (getConfig().verbose) {
+                console.log(`Error reading demo ${demoName}`, error);
+              }
+              if (parent && index !== void 0) {
+                parent.children.splice(index, 1);
+              }
+            }
+          })()
         );
-        const packageNames = packages ? extractNamesFromAttribute(packages) : [];
-        Object.assign(node, {
-          lang: "shell",
-          meta: null,
-          type: "code",
-          value: `npm install ${packageNames.join(" ")}`
-        });
       }
-    });
-    done();
+    );
+    await Promise.all(promises);
   };
-};
-function getPath(obj, path) {
-  return path.split(".").reduce(
-    (acc, key) => acc && typeof acc === "object" ? acc[key] : void 0,
-    obj
-  );
+}
+
+// src/ai-knowledge/generator/doc-props-plugin.ts
+import { readFile as readFile3 } from "node:fs/promises";
+import { dirname as dirname2, join as join4, resolve as resolve2 } from "node:path";
+import { visit as visit7 } from "unist-util-visit";
+function extractBestType(propInfo) {
+  const type = propInfo.resolvedType?.prettyType || propInfo.type;
+  return cleanType(type.startsWith("| ") ? type.substring(2) : type);
+}
+function extractRequired(propInfo, isPartial) {
+  return Boolean(propInfo.resolvedType?.required && !isPartial);
+}
+function cleanType(type) {
+  return type.replace(/\n/g, " ").replace(/\s+/g, " ").trim();
+}
+function cleanDefaultValue(defaultValue) {
+  return defaultValue.replace(/^\n+/, "").replace(/\n+$/, "").trim();
 }
 function escapeText(value) {
   return value.replace(/\n/g, " ");
@@ -5423,214 +5664,61 @@ function propsToDefinitionList(props) {
     return parts.join("");
   }).join("\n");
 }
-function themeDataToJson(data, cssPropertyName) {
-  if (!data || typeof data !== "object") {
-    return "";
-  }
-  if (cssPropertyName) {
-    return JSON.stringify({ cssProperty: cssPropertyName, data }, null, 2);
-  }
-  return JSON.stringify(data, null, 2);
-}
-var KnowledgeGenerator = class {
-  config;
+var PropFormatter = class {
   docProps = null;
-  constructor(config2) {
-    this.config = config2;
-  }
-  async run() {
-    const extractedMetadata = extractMetadata(this.config.metadata);
-    if (this.config.verbose) {
-      console.log(`Scanning pages in: ${this.config.routeDir}`);
-      if (this.config.exclude?.length) {
-        console.log(`Excluding patterns: ${this.config.exclude.join(", ")}`);
-      }
-    }
-    const [docProps, pages] = await Promise.all([
-      this.loadDocProps(),
-      this.scanPages()
-    ]);
-    this.docProps = docProps;
-    if (pages.length === 0) {
-      console.log("No pages found.");
-      return [];
-    }
-    if (this.config.verbose) {
-      console.log(`Found ${pages.length} page(s)`);
-    }
-    const processedPages = [];
-    for (const page of pages) {
-      try {
-        const processed = await this.processMdxPage(page);
-        processedPages.push(processed);
-      } catch (error) {
-        console.error(`Failed to process page: ${page.name}`);
-        process.exit(1);
-      }
-    }
-    if (this.config.clean) {
-      await rm(this.config.outputPath, { force: true, recursive: true }).catch(
-        () => {
-        }
-      );
-    }
-    if (this.config.outputMode === "aggregated") {
-      await this.generateAggregatedOutput(processedPages, pages);
-    } else {
-      await mkdir(this.config.outputPath, { recursive: true }).catch(() => {
-      });
-      await this.generatePerPageExports(
-        pages,
-        processedPages,
-        extractedMetadata
-      );
-    }
-    return pages;
-  }
   async loadDocProps() {
-    const resolvedDocPropsPath = this.config.docPropsPath ? await exists(this.config.docPropsPath) ? this.config.docPropsPath : resolve(process.cwd(), this.config.docPropsPath) : join2(dirname(this.config.routeDir), "doc-props.json");
+    if (this.docProps) {
+      return this.docProps;
+    }
+    const config2 = getConfig();
+    const resolvedDocPropsPath = config2.docPropsPath ? await exists(config2.docPropsPath) ? config2.docPropsPath : resolve2(process.cwd(), config2.docPropsPath) : join4(dirname2(config2.routeDir), "doc-props.json");
     if (!await exists(resolvedDocPropsPath)) {
-      if (this.config.verbose) {
+      if (config2.verbose) {
         console.log(`Doc props file not found at: ${resolvedDocPropsPath}`);
       }
       return null;
     }
     try {
-      const content = await readFile(resolvedDocPropsPath, "utf-8");
+      const content = await readFile3(resolvedDocPropsPath, "utf-8");
       const docProps = JSON.parse(content);
-      if (this.config.verbose) {
+      if (config2.verbose) {
         console.log(`Loaded doc props from: ${resolvedDocPropsPath}`);
         console.log(
           `Found ${Object.keys(docProps.props).length} component types`
         );
       }
+      this.docProps = docProps;
       return docProps;
     } catch (error) {
-      if (this.config.verbose) {
+      if (config2.verbose) {
         console.log("Error loading doc props", error);
       }
       return null;
     }
   }
-  async scanPages() {
-    const components = [];
-    const excludePatterns = this.config.exclude ?? [];
-    const shouldExclude = (absolutePath) => {
-      if (excludePatterns.length === 0) {
-        return false;
+  formatCommentParts(parts) {
+    return parts.map((part) => {
+      switch (part.kind) {
+        case "text":
+          return part.text;
+        case "code":
+          const codeText = part.text.replace(/```\w*\n?/g, "").replace(/\n?```/g, "").trim();
+          if (codeText.includes("\n")) {
+            return `\`\`\`
+${codeText}
+\`\`\``;
+          } else {
+            return codeText;
+          }
+        default:
+          if (getConfig().outputMode === "per-page" && "tag" in part && part.tag === "@link" && typeof part.target === "string") {
+            if (part.text === "Learn more") {
+              return "";
+            }
+          }
+          return part.text;
       }
-      const relativePath = relative2(this.config.routeDir, absolutePath);
-      return excludePatterns.some(
-        (pattern) => minimatch(relativePath, pattern, { matchBase: true })
-      );
-    };
-    const scanDirectory = async (dirPath) => {
-      if (shouldExclude(dirPath)) {
-        if (this.config.verbose) {
-          console.log(
-            `Excluding directory: ${relative2(this.config.routeDir, dirPath)}`
-          );
-        }
-        return;
-      }
-      const entries = await readdir(dirPath, { withFileTypes: true });
-      const mdxFiles = entries.filter(
-        (f) => f.name.endsWith(".mdx") && !shouldExclude(join2(dirPath, f.name))
-      ) ?? [];
-      const pageIdPrefix = this.config.pageIdPrefix ?? "";
-      for (const mdxFile of mdxFiles) {
-        const demosFolder = entries.find((f) => f.name === "demos");
-        const demosFolderPath = demosFolder ? join2(dirPath, demosFolder.name) : void 0;
-        const segments = getPathSegmentsFromFileName(
-          join2(dirPath, mdxFile.name),
-          this.config.routeDir
-        );
-        const url = getPathnameFromPathSegments(segments);
-        components.push({
-          demosFolder: demosFolderPath,
-          filePath: dirPath,
-          id: `${pageIdPrefix ? `${pageIdPrefix}-` : ""}${segments.join("-").trim()}`,
-          mdxFile: join2(dirPath, mdxFile.name),
-          name: segments.at(-1),
-          pathname: url,
-          url: this.config.baseUrl ? new URL(url, this.config.baseUrl).toString() : void 0
-        });
-        if (this.config.verbose) {
-          console.log(`Found file: ${basename(dirPath)}`);
-          console.log(`  Demos folder: ${demosFolderPath || "NOT FOUND"}`);
-        }
-      }
-      for (const entry of entries) {
-        const fullPath = join2(dirPath, entry.name);
-        const stats = await stat(fullPath);
-        if (stats.isDirectory()) {
-          await scanDirectory(fullPath);
-        }
-      }
-    };
-    await scanDirectory(this.config.routeDir);
-    return components;
-  }
-  async collectRelativeImports(filePath, visited = /* @__PURE__ */ new Set()) {
-    const normalizedPath = resolve(filePath);
-    if (visited.has(normalizedPath)) {
-      return [];
-    }
-    visited.add(normalizedPath);
-    const modules = [];
-    try {
-      const content = await readFile(normalizedPath, "utf-8");
-      const relativeImports = extractRelativeImports(content);
-      for (const importPath of relativeImports) {
-        const resolvedPath = await resolveModulePath(importPath, normalizedPath);
-        if (!resolvedPath) {
-          if (this.config.verbose) {
-            console.log(
-              `  Could not resolve import: ${importPath} from ${normalizedPath}`
-            );
-          }
-          continue;
-        }
-        const importContent = await readFile(resolvedPath, "utf-8");
-        modules.push({
-          content: importContent,
-          path: resolvedPath
-        });
-        const nestedModules = await this.collectRelativeImports(
-          resolvedPath,
-          visited
-        );
-        modules.push(...nestedModules);
-      }
-    } catch (error) {
-      if (this.config.verbose) {
-        console.log(`Error processing ${normalizedPath}`, error);
-      }
-    }
-    return modules;
-  }
-  extractProps(props, isPartial) {
-    const propsInfo = [];
-    if (props.props?.length) {
-      propsInfo.push(
-        ...props.props.map((prop) => this.convertPropInfo(prop, isPartial))
-      );
-    }
-    if (props.input?.length) {
-      propsInfo.push(
-        ...props.input.map(
-          (prop) => this.convertPropInfo(prop, isPartial, "input")
-        )
-      );
-    }
-    if (props.output?.length) {
-      propsInfo.push(
-        ...props.output.map(
-          (prop) => this.convertPropInfo(prop, isPartial, "output")
-        )
-      );
-    }
-    return propsInfo;
+    }).join("").replace(/\n/g, " ").replace(/\s+/g, " ").trim();
   }
   formatComment(comment) {
     if (!comment) {
@@ -5664,29 +5752,28 @@ ${tagContent.trim()}
     }
     return parts.join("\n\n");
   }
-  formatCommentParts(parts) {
-    return parts.map((part) => {
-      switch (part.kind) {
-        case "text":
-          return part.text;
-        case "code":
-          const codeText = part.text.replace(/```\w*\n?/g, "").replace(/\n?```/g, "").trim();
-          if (codeText.includes("\n")) {
-            return `\`\`\`
-${codeText}
-\`\`\``;
-          } else {
-            return codeText;
-          }
-        default:
-          if (this.config.outputMode === "per-page" && "tag" in part && part.tag === "@link" && typeof part.target === "string") {
-            if (part.text === "Learn more") {
-              return "";
-            }
-          }
-          return part.text;
-      }
-    }).join("").replace(/\n/g, " ").replace(/\s+/g, " ").trim();
+  extractProps(props, isPartial) {
+    const propsInfo = [];
+    if (props.props?.length) {
+      propsInfo.push(
+        ...props.props.map((prop) => this.convertPropInfo(prop, isPartial))
+      );
+    }
+    if (props.input?.length) {
+      propsInfo.push(
+        ...props.input.map(
+          (prop) => this.convertPropInfo(prop, isPartial, "input")
+        )
+      );
+    }
+    if (props.output?.length) {
+      propsInfo.push(
+        ...props.output.map(
+          (prop) => this.convertPropInfo(prop, isPartial, "output")
+        )
+      );
+    }
+    return propsInfo;
   }
   convertPropInfo(propInfo, isPartial, propType = void 0) {
     return {
@@ -5700,108 +5787,13 @@ ${codeText}
       required: extractRequired(propInfo, isPartial) || void 0
     };
   }
-  /**
-   * Creates a remark plugin that replaces theme JSX elements with
-   * markdown tables containing theme data.
-   */
-  async replaceThemeNodes() {
-    let themes = null;
-    try {
-      themes = await import("@qualcomm-ui/tailwind-plugin/theme");
-    } catch {
-      return () => {
-      };
-    }
-    const handlers = {
-      ColorTable: (node) => {
-        const path = this.getAttrExpression(node, "data");
-        return path && getPath(themes, path);
-      },
-      FontTable: (node) => {
-        const path = this.getAttrExpression(node, "data");
-        return path && getPath(themes, path);
-      },
-      SpacingTable: (node) => {
-        const path = this.getAttrExpression(node, "data");
-        return path && getPath(themes, path);
-      },
-      ThemePropertyTable: (node) => {
-        const path = this.getAttrExpression(node, "data");
-        const property = this.getAttrExpression(node, "cssProperty");
-        const data = path && getPath(themes, path);
-        return path && property ? { cssPropertyName: property, data } : void 0;
-      }
-    };
-    return () => (tree, _file, done) => {
-      visit5(tree, "mdxJsxFlowElement", (node) => {
-        const handler = node.name && handlers[node.name];
-        if (!handler) {
-          return;
-        }
-        const data = handler(node);
-        if (!data) {
-          console.warn(`No theme data for ${node.name}`);
-          return;
-        }
-        let markdownTable;
-        if (typeof data === "object" && data !== null && "cssPropertyName" in data && "data" in data) {
-          const { cssPropertyName, data: themeData } = data;
-          markdownTable = themeDataToJson(themeData, cssPropertyName);
-        } else {
-          markdownTable = themeDataToJson(data);
-        }
-        if (!markdownTable) {
-          return;
-        }
-        Object.assign(node, {
-          lang: "json",
-          meta: null,
-          type: "code",
-          value: markdownTable
-        });
-      });
-      done();
-    };
-  }
-  getAttrExpression(node, name) {
-    const attr = node.attributes?.find(
-      (a) => a.type === "mdxJsxAttribute" && a.name === name
-    );
-    if (!attr?.value) {
-      return null;
-    }
-    if (typeof attr.value === "string") {
-      return attr.value;
-    } else if (typeof attr.value === "object" && "value" in attr.value) {
-      return attr.value.value;
-    }
-    return null;
-  }
-  /**
-   * Creates a remark plugin that transforms relative URLs to absolute URLs.
-   */
-  transformRelativeUrls(pageUrl) {
-    const baseUrl = this.config.baseUrl;
-    return () => (tree) => {
-      if (!baseUrl || this.config.outputMode !== "per-page") {
-        return;
-      }
-      visit5(tree, "link", (node) => {
-        if (node.url.startsWith("/")) {
-          node.url = `${baseUrl}${node.url}`;
-        } else if (node.url.startsWith("./#") && pageUrl) {
-          node.url = `${pageUrl}${node.url.slice(2)}`;
-        }
-      });
-    };
-  }
   /**
    * Creates a remark plugin that replaces TypeDocProps JSX elements with
-   * markdown tables containing component prop documentation.
+   * Markdown tables containing component prop documentation.
    */
-  replaceTypeDocProps() {
+  formatTypeDocProps() {
     return () => (tree, _file, done) => {
-      visit5(
+      visit7(
         tree,
         "mdxJsxFlowElement",
         (node, index, parent) => {
@@ -5830,7 +5822,7 @@ ${codeText}
           const propsName = propsNames[0];
           const componentProps = this.docProps.props[propsName];
           if (!componentProps) {
-            if (this.config.verbose) {
+            if (getConfig().verbose) {
               console.log(`  TypeDocProps not found: ${propsName}`);
             }
             if (parent && index !== void 0) {
@@ -5839,7 +5831,7 @@ ${codeText}
             return;
           }
           const propsDoc = this.extractProps(componentProps, Boolean(isPartial));
-          if (this.config.verbose) {
+          if (getConfig().verbose) {
             console.log(
               `  Replaced TypeDocProps ${propsName} with API documentation`
             );
@@ -5868,115 +5860,461 @@ ${propsToDefinitionList(outputs)}`);
             }
             return;
           }
-          Object.assign(node, {
-            lang: null,
-            meta: null,
-            type: "code",
-            value: markdownContent
-          });
+          const propNames = propsDoc.map((p) => p.name);
+          Object.assign(node, {
+            data: { typeDocProps: { name: propsName, props: propNames } },
+            lang: null,
+            meta: null,
+            type: "code",
+            value: markdownContent
+          });
+        }
+      );
+      done();
+    };
+  }
+};
+
+// src/ai-knowledge/generator/npm-install-tabs-plugin.ts
+import { visit as visit8 } from "unist-util-visit";
+var formatNpmInstallTabs = () => {
+  return (tree, _file, done) => {
+    visit8(
+      tree,
+      "mdxJsxFlowElement",
+      (node, index, parent) => {
+        if (node?.name === "NpmInstallTabs") {
+          const packages = node.attributes?.find(
+            (attr) => attr.type === "mdxJsxAttribute" && attr.name === "packages"
+          );
+          const packageNames = packages ? extractNamesFromAttribute(packages) : [];
+          if (packageNames.length === 0) {
+            if (parent && index !== void 0) {
+              parent.children.splice(index, 1);
+            }
+            return;
+          }
+          Object.assign(node, {
+            lang: "shell",
+            meta: null,
+            type: "code",
+            value: `npm install ${packageNames.join(" ")}`
+          });
+        }
+      }
+    );
+    done();
+  };
+};
+
+// src/ai-knowledge/generator/qds-theme-plugin.ts
+import { visit as visit9 } from "unist-util-visit";
+function themeDataToJson(data, cssPropertyName) {
+  if (!data || typeof data !== "object") {
+    return "";
+  }
+  if (cssPropertyName) {
+    return JSON.stringify({ cssProperty: cssPropertyName, data }, null, 2);
+  }
+  return JSON.stringify(data, null, 2);
+}
+function getPath(obj, path) {
+  return path.split(".").reduce(
+    (acc, key) => acc && typeof acc === "object" ? acc[key] : void 0,
+    obj
+  );
+}
+function getAttrExpression(node, name) {
+  const attr = node.attributes?.find(
+    (a) => a.type === "mdxJsxAttribute" && a.name === name
+  );
+  if (!attr?.value) {
+    return null;
+  }
+  if (typeof attr.value === "string") {
+    return attr.value;
+  } else if (typeof attr.value === "object" && "value" in attr.value) {
+    return attr.value.value;
+  }
+  return null;
+}
+async function formatThemeNodes() {
+  let themes = null;
+  try {
+    themes = await import("@qualcomm-ui/tailwind-plugin/theme");
+  } catch {
+    return () => {
+    };
+  }
+  const handlers = {
+    ColorTable: (node) => {
+      const path = getAttrExpression(node, "data");
+      return path && getPath(themes, path);
+    },
+    FontTable: (node) => {
+      const path = getAttrExpression(node, "data");
+      return path && getPath(themes, path);
+    },
+    SpacingTable: (node) => {
+      const path = getAttrExpression(node, "data");
+      return path && getPath(themes, path);
+    },
+    ThemePropertyTable: (node) => {
+      const path = getAttrExpression(node, "data");
+      const property = getAttrExpression(node, "cssProperty");
+      const data = path && getPath(themes, path);
+      return path && property ? { cssPropertyName: property, data } : void 0;
+    }
+  };
+  return () => (tree, _file, done) => {
+    visit9(tree, "mdxJsxFlowElement", (node) => {
+      const handler = node.name && handlers[node.name];
+      if (!handler) {
+        return;
+      }
+      const data = handler(node);
+      if (!data) {
+        console.warn(`No theme data for ${node.name}`);
+        return;
+      }
+      let markdownTable;
+      if (typeof data === "object" && data !== null && "cssPropertyName" in data && "data" in data) {
+        const { cssPropertyName, data: themeData } = data;
+        markdownTable = themeDataToJson(themeData, cssPropertyName);
+      } else {
+        markdownTable = themeDataToJson(data);
+      }
+      if (!markdownTable) {
+        return;
+      }
+      Object.assign(node, {
+        lang: "json",
+        meta: null,
+        type: "code",
+        value: markdownTable
+      });
+    });
+    done();
+  };
+}
+
+// src/ai-knowledge/generator/section-extractor.ts
+import remarkStringify3 from "remark-stringify";
+import { unified as unified4 } from "unified";
+import { visit as visit10 } from "unist-util-visit";
+import { kebabCase as kebabCase2 } from "@qualcomm-ui/utils/change-case";
+var SectionExtractor = class {
+  depths;
+  minContentLength;
+  constructor(options) {
+    const defaultDepths = [1, 2, 3, 4];
+    this.depths = new Set(options?.depths ?? defaultDepths);
+    this.minContentLength = options?.minContentLength ?? 0;
+  }
+  /**
+   * Extracts sections from a parsed AST.
+   */
+  extract(tree, pageInfo) {
+    const sections = [];
+    const headerStack = [{ depth: 1, text: pageInfo.title }];
+    let pendingSection = null;
+    const finalizeSection = () => {
+      if (!pendingSection || pendingSection.nodes.length === 0) {
+        return;
+      }
+      const entry = this.buildSectionEntry(pendingSection, pageInfo);
+      if (entry && entry.content.length >= this.minContentLength) {
+        sections.push(entry);
+      }
+    };
+    for (let i = 0; i < tree.children.length; i++) {
+      const node = tree.children[i];
+      if (node.type === "heading") {
+        const heading2 = node;
+        if (!this.depths.has(heading2.depth)) {
+          if (pendingSection) {
+            pendingSection.nodes.push(node);
+          }
+          continue;
+        }
+        finalizeSection();
+        while (headerStack.length > 0 && headerStack[headerStack.length - 1].depth >= heading2.depth) {
+          headerStack.pop();
+        }
+        const headingText = this.getHeadingText(heading2);
+        headerStack.push({ depth: heading2.depth, text: headingText });
+        pendingSection = {
+          headerPath: headerStack.map((h) => h.text),
+          nodes: [],
+          startIndex: i
+        };
+      } else if (pendingSection) {
+        pendingSection.nodes.push(node);
+      }
+    }
+    finalizeSection();
+    return sections;
+  }
+  getHeadingText(heading2) {
+    let text = "";
+    visit10(heading2, "text", (node) => {
+      text += node.value;
+    });
+    return text.trim();
+  }
+  buildSectionEntry(section, pageInfo) {
+    const { metadata, nodes } = this.extractMetadata(section.nodes);
+    if (nodes.length === 0) {
+      return null;
+    }
+    const contentNodes = [];
+    const codeExamples = [];
+    for (const node of nodes) {
+      if (node.type === "code") {
+        const codeNode = node;
+        if (codeNode.data?.typeDocProps) {
+          const { name, props } = codeNode.data.typeDocProps;
+          metadata.props = [...metadata.props ?? [], ...props];
+          metadata.type = name;
+        }
+        codeExamples.push({
+          code: codeNode.value,
+          language: codeNode.lang ?? ""
+        });
+      } else {
+        contentNodes.push(node);
+      }
+    }
+    const rawContent = this.nodesToRawContent(nodes);
+    const content = this.nodesToContent(contentNodes);
+    const sectionId = this.generateSectionId(section.headerPath);
+    const url = pageInfo.url ? `${pageInfo.url}#${this.generateAnchorId(section.headerPath.at(-1) ?? "")}` : void 0;
+    const hashData = {
+      headerPath: section.headerPath,
+      metadata: Object.keys(metadata).length ? metadata : void 0,
+      pageFrontmatter: Object.keys(pageInfo.frontmatter).length ? pageInfo.frontmatter : void 0,
+      pageId: pageInfo.id,
+      rawContent: rawContent.trim()
+    };
+    const sectionHash = JSON.stringify(hashData);
+    return {
+      ...hashData,
+      codeExamples: codeExamples.length ? codeExamples : void 0,
+      content: content.trim(),
+      hash: sectionHash,
+      sectionId,
+      url
+    };
+  }
+  extractMetadata(nodes) {
+    const metadata = {};
+    const filteredNodes = [];
+    for (const node of nodes) {
+      if (node.type === "paragraph") {
+        const firstChild = node.children?.[0];
+        if (firstChild?.type === "text") {
+          const text = firstChild.value;
+          const metaMatch = text.match(/^:::\s*meta\s*/);
+          if (metaMatch) {
+            const parsed = this.parseMetaBlock(text);
+            Object.assign(metadata, parsed);
+            continue;
+          }
         }
-      );
-      done();
-    };
+      }
+      filteredNodes.push(node);
+    }
+    return { metadata, nodes: filteredNodes };
+  }
+  parseMetaBlock(text) {
+    const metadata = {};
+    const afterOpen = text.replace(/^:::\s*meta\s*/, "");
+    const closeIndex = afterOpen.lastIndexOf(":::");
+    const content = closeIndex !== -1 ? afterOpen.slice(0, closeIndex) : afterOpen;
+    const lines = content.split("\n");
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed) {
+        continue;
+      }
+      const colonIndex = trimmed.indexOf(":");
+      if (colonIndex === -1) {
+        continue;
+      }
+      const key = trimmed.slice(0, colonIndex).trim();
+      const value = trimmed.slice(colonIndex + 1).trim();
+      if (key && value) {
+        metadata[key] = this.parseValue(value);
+      }
+    }
+    return metadata;
+  }
+  parseValue(value) {
+    const trimmed = value.trim();
+    if (trimmed.startsWith("[") && trimmed.endsWith("]")) {
+      const inner = trimmed.slice(1, -1);
+      return inner.split(",").map((item) => item.trim()).filter(Boolean);
+    }
+    return trimmed;
   }
   /**
-   * Creates a remark plugin that replaces demo JSX elements (QdsDemo, CodeDemo,
-   * Demo) with code blocks containing the demo source code from the demos folder.
+   * Convert links to inline code. URLs are not relevant for text embeddings
+   * and will muddy the vector storage.
    */
-  replaceDemos(demosFolder, demoFiles) {
-    return () => async (tree) => {
-      const promises = [];
-      visit5(
-        tree,
-        "mdxJsxFlowElement",
-        (node, index, parent) => {
-          if (!node?.name || !["QdsDemo", "CodeDemo", "Demo"].includes(node.name)) {
-            return;
-          }
-          const nameAttr = node.attributes?.find(
-            (attr) => attr.type === "mdxJsxAttribute" && attr.name === "name"
-          );
-          const nodeAttr = node.attributes?.find(
-            (attr) => attr.type === "mdxJsxAttribute" && attr.name === "node"
-          );
-          let demoName;
-          if (nameAttr && typeof nameAttr.value === "string") {
-            demoName = nameAttr.value;
-          } else if (nodeAttr?.value && typeof nodeAttr.value !== "string") {
-            const estree = nodeAttr.value.data?.estree;
-            if (estree?.body?.[0]?.type === "ExpressionStatement") {
-              const expression = estree.body[0].expression;
-              if (expression.type === "MemberExpression" && expression.object.type === "Identifier" && expression.object.name === "Demo" && expression.property.type === "Identifier") {
-                demoName = expression.property.name;
-              }
-            }
-          }
-          if (!demoName) {
-            if (parent && index !== void 0) {
-              parent.children.splice(index, 1);
-            }
-            return;
-          }
-          promises.push(
-            (async () => {
-              const kebabName = kebabCase(demoName);
-              let filePath = `${kebabName}.tsx`;
-              if (!demosFolder) {
-                if (this.config.verbose) {
-                  console.log(`  No demos folder for ${demoName}`);
-                }
-                if (parent && index !== void 0) {
-                  parent.children.splice(index, 1);
-                }
-                return;
-              }
-              let demoFilePath = join2(demosFolder, filePath);
-              let isAngularDemo = false;
-              if (!await exists(demoFilePath)) {
-                demoFilePath = join2(demosFolder, `${kebabName}.ts`);
-                if (await exists(demoFilePath)) {
-                  isAngularDemo = true;
-                  filePath = `${kebabCase(demoName).replace("-component", ".component")}.ts`;
-                  demoFilePath = join2(demosFolder, filePath);
-                } else {
-                  console.log(`  Demo not found ${demoName}`);
-                  if (parent && index !== void 0) {
-                    parent.children.splice(index, 1);
-                  }
-                  return;
-                }
-              }
-              try {
-                const demoCode = await readFile(demoFilePath, "utf-8");
-                const cleanedCode = removePreviewLines(demoCode);
-                if (this.config.verbose) {
-                  console.log(`  Replaced demo ${demoName} with source code`);
-                }
-                demoFiles.push(demoFilePath);
-                Object.assign(node, {
-                  lang: isAngularDemo ? "angular-ts" : "tsx",
-                  meta: null,
-                  type: "code",
-                  value: cleanedCode
-                });
-              } catch (error) {
-                if (this.config.verbose) {
-                  console.log(`Error reading demo ${demoName}`, error);
-                }
-                if (parent && index !== void 0) {
-                  parent.children.splice(index, 1);
-                }
-              }
-            })()
-          );
+  transformLinks() {
+    return () => (tree) => {
+      visit10(tree, "link", (node) => {
+        let text = "";
+        visit10(node, "text", (textNode) => {
+          text += textNode.value;
+        });
+        Object.assign(node, {
+          children: void 0,
+          type: "inlineCode",
+          url: void 0,
+          value: text
+        });
+      });
+    };
+  }
+  nodesToRawContent(nodes) {
+    const tree = { children: nodes, type: "root" };
+    const processor = unified4().use(remarkStringify3);
+    return processor.stringify(tree);
+  }
+  nodesToContent(nodes) {
+    const tree = { children: structuredClone(nodes), type: "root" };
+    const processor = unified4().use(this.transformLinks()).use(remarkStringify3);
+    const transformed = processor.runSync(tree);
+    return processor.stringify(transformed);
+  }
+  generateSectionId(headerPath) {
+    return headerPath.map((h) => kebabCase2(h)).join("-");
+  }
+  generateAnchorId(headerText) {
+    return kebabCase2(headerText);
+  }
+};
+
+// src/ai-knowledge/generator/knowledge-generator.ts
+var KnowledgeGenerator = class {
+  config;
+  propFormatter;
+  constructor(config2) {
+    setConfig(config2);
+    this.config = getConfig();
+    this.propFormatter = new PropFormatter();
+  }
+  async run() {
+    const extractedMetadata = extractMetadata(this.config.metadata);
+    if (this.config.verbose) {
+      console.log(`Scanning pages in: ${this.config.routeDir}`);
+      if (this.config.exclude?.length) {
+        console.log(`Excluding patterns: ${this.config.exclude.join(", ")}`);
+      }
+    }
+    const [pages] = await Promise.all([
+      this.scanPages(),
+      this.propFormatter.loadDocProps()
+    ]);
+    if (pages.length === 0) {
+      console.log("No pages found.");
+      return [];
+    }
+    if (this.config.verbose) {
+      console.log(`Found ${pages.length} page(s)`);
+    }
+    const processedPages = [];
+    for (const page of pages) {
+      try {
+        const processed = await this.processMdxPage(page);
+        processedPages.push(processed);
+      } catch (error) {
+        console.error(`Failed to process page: ${page.name}`);
+        process.exit(1);
+      }
+    }
+    if (this.config.clean) {
+      await rm(this.config.outputPath, { force: true, recursive: true }).catch(
+        () => {
         }
       );
-      await Promise.all(promises);
+    }
+    if (this.config.outputMode === "aggregated") {
+      await this.generateAggregatedOutput(processedPages, pages);
+    } else {
+      await mkdir(this.config.outputPath, { recursive: true }).catch(() => {
+      });
+      await this.generatePerPageExports(
+        pages,
+        processedPages,
+        extractedMetadata
+      );
+    }
+    return pages;
+  }
+  async scanPages() {
+    const components = [];
+    const excludePatterns = this.config.exclude ?? [];
+    const shouldExclude = (absolutePath) => {
+      if (excludePatterns.length === 0) {
+        return false;
+      }
+      const relativePath = relative2(this.config.routeDir, absolutePath);
+      return excludePatterns.some(
+        (pattern) => minimatch(relativePath, pattern, { matchBase: true })
+      );
+    };
+    const scanDirectory = async (dirPath) => {
+      if (shouldExclude(dirPath)) {
+        if (this.config.verbose) {
+          console.log(
+            `Excluding directory: ${relative2(this.config.routeDir, dirPath)}`
+          );
+        }
+        return;
+      }
+      const entries = await readdir(dirPath, { withFileTypes: true });
+      const mdxFiles = entries.filter(
+        (f) => f.name.endsWith(".mdx") && !shouldExclude(join5(dirPath, f.name))
+      ) ?? [];
+      const pageIdPrefix = this.config.pageIdPrefix ?? "";
+      for (const mdxFile of mdxFiles) {
+        const demosFolder = entries.find((f) => f.name === "demos");
+        const demosFolderPath = demosFolder ? join5(dirPath, demosFolder.name) : void 0;
+        const segments = getPathSegmentsFromFileName(
+          join5(dirPath, mdxFile.name),
+          this.config.routeDir
+        );
+        const url = getPathnameFromPathSegments(segments);
+        components.push({
+          demosFolder: demosFolderPath,
+          filePath: dirPath,
+          id: `${pageIdPrefix ? `${pageIdPrefix}-` : ""}${segments.join("-").trim()}`,
+          mdxFile: join5(dirPath, mdxFile.name),
+          name: segments.at(-1),
+          pathname: url,
+          url: this.config.baseUrl ? new URL(url, this.config.baseUrl).toString() : void 0
+        });
+        if (this.config.verbose) {
+          console.log(`Found file: ${basename2(dirPath)}`);
+          console.log(`  Demos folder: ${demosFolderPath || "NOT FOUND"}`);
+        }
+      }
+      for (const entry of entries) {
+        const fullPath = join5(dirPath, entry.name);
+        const stats = await stat(fullPath);
+        if (stats.isDirectory()) {
+          await scanDirectory(fullPath);
+        }
+      }
     };
+    await scanDirectory(this.config.routeDir);
+    return components;
   }
-  replaceFrontmatterExpressions(frontmatter) {
+  formatFrontmatterExpressions(frontmatter) {
     return () => (tree) => {
-      visit5(
+      visit11(
         tree,
         "mdxFlowExpression",
         (node, index, parent) => {
@@ -6007,42 +6345,92 @@ ${propsToDefinitionList(outputs)}`);
       }
     };
   }
+  /**
+   * Creates a remark plugin that transforms relative URLs to absolute URLs.
+   */
+  transformRelativeUrls(pageUrl) {
+    const baseUrl = this.config.baseUrl;
+    return () => (tree) => {
+      if (!baseUrl || this.config.outputMode !== "per-page") {
+        return;
+      }
+      visit11(tree, "link", (node) => {
+        if (node.url.startsWith("/")) {
+          node.url = `${baseUrl}${node.url}`;
+        } else if (node.url.startsWith("./#") && pageUrl) {
+          node.url = `${pageUrl}${node.url.slice(2)}`;
+        }
+      });
+    };
+  }
+  applyPlugins(opts, processor) {
+    if (this.config.mdxPlugins) {
+      this.config.mdxPlugins.forEach((plugin) => {
+        processor.use(plugin(opts));
+      });
+    }
+  }
+  filterFrontmatter(frontmatter) {
+    if (!this.config.frontmatter?.include?.length) {
+      return frontmatter;
+    }
+    const includePatterns = this.config.frontmatter.include;
+    const excludePatterns = this.config.frontmatter.exclude ?? [];
+    const filtered = {};
+    for (const [field, value] of Object.entries(frontmatter)) {
+      if (value === void 0) {
+        continue;
+      }
+      const isIncluded = includePatterns.some(
+        (pattern) => minimatch(field, pattern)
+      );
+      const isExcluded = excludePatterns.some(
+        (pattern) => minimatch(field, pattern)
+      );
+      if (isIncluded && !isExcluded) {
+        filtered[field] = value;
+      }
+    }
+    return filtered;
+  }
   /**
    * Processes MDX content by transforming JSX elements (TypeDocProps, demos)
-   * into markdown, resolving relative links, and cleaning up formatting.
+   * into Markdown, resolving relative links, and cleaning up formatting.
    */
-  async processMdxContent(mdxContent, pageUrl, demosFolder, frontmatter) {
-    const demoFiles = [];
-    const processor = unified4().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(this.replaceTypeDocProps()).use(this.replaceFrontmatterExpressions(frontmatter)).use(await this.replaceThemeNodes()).use(this.replaceDemos(demosFolder, demoFiles)).use(this.transformRelativeUrls(pageUrl)).use(remarkStringify3);
-    const processed = await processor.process(mdxContent);
-    const processedContent = String(processed).replace(/\n\s*\n\s*\n/g, "\n\n");
-    return { content: processedContent, demoFiles };
+  async processMdxContent(mdxContent, pageInfo, frontmatter) {
+    const processor = unified5().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(this.propFormatter.formatTypeDocProps()).use(this.formatFrontmatterExpressions(frontmatter)).use(await formatThemeNodes()).use(formatDemos(pageInfo.demosFolder)).use(this.transformRelativeUrls(pageInfo.url));
+    this.applyPlugins(pageInfo, processor);
+    processor.use(remarkStringify4);
+    return await processor.run(processor.parse(mdxContent));
   }
   async processMdxPage(pageInfo) {
     try {
-      const mdxContent = await readFile(pageInfo.mdxFile, "utf-8");
+      const mdxContent = await readFile4(pageInfo.mdxFile, "utf-8");
       if (this.config.verbose) {
         console.log(`Processing page: ${pageInfo.name}`);
       }
-      const processor = unified4().use(remarkParse4).use(remarkMdx3).use(replaceNpmInstallTabs).use(remarkFrontmatter2, ["yaml"]).use(remarkParseFrontmatter2).use(remarkStringify3);
+      const processor = unified5().use(remarkParse4).use(remarkMdx3).use(formatNpmInstallTabs).use(remarkFrontmatter2, ["yaml"]).use(remarkParseFrontmatter2).use(remarkStringify4);
       const parsed = await processor.process(mdxContent);
       const frontmatter = parsed.data?.frontmatter || {};
-      const { content: processedContent, demoFiles } = await this.processMdxContent(
+      const ast = await this.processMdxContent(
         String(parsed),
-        pageInfo.url,
-        pageInfo.demosFolder,
+        pageInfo,
         frontmatter
       );
-      const removeJsxProcessor = unified4().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(remarkRemoveJsx).use(remarkStringify3);
-      const removedJsx = String(
-        await removeJsxProcessor.process(processedContent)
+      const removeJsxProcessor = unified5().use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(remarkRemoveJsx).use(remarkStringify4);
+      const sectionAst = removeJsxProcessor.runSync(ast);
+      const removedJsx = String(removeJsxProcessor.stringify(sectionAst));
+      const rawContent = removedJsx.replace(/^---\r?\n[\s\S]*?\r?\n---\r?\n?/, "").replace(/(^#{1,6} .*\\<[^>]+)>/gm, "$1\\>");
+      const stripMetaProcessor = unified5().use(remarkParse4).use(remarkExtractMeta, {}).use(remarkStringify4);
+      const strippedContent = String(
+        await stripMetaProcessor.process(rawContent)
       );
-      const contentWithoutFrontmatter = removedJsx.replace(/^---[\s\S]*?---\n/, "").replace(/(^#{1,6} .*\\<[^>]+)>/gm, "$1\\>");
       const title = frontmatter.title || pageInfo.name;
       return {
-        content: contentWithoutFrontmatter.trim(),
-        demoFiles,
+        content: strippedContent.trim(),
         frontmatter,
+        rawContent: rawContent.trim(),
+        sectionAst,
         title,
         url: pageInfo.url
       };
@@ -6075,7 +6463,7 @@ ${propsToDefinitionList(outputs)}`);
   }
   async generateAggregatedOutput(processedPages, pages) {
     const llmsTxtContent = this.generateLlmsTxt(processedPages);
-    await mkdir(dirname(this.config.outputPath), { recursive: true }).catch(
+    await mkdir(dirname3(this.config.outputPath), { recursive: true }).catch(
       () => {
       }
     );
@@ -6099,7 +6487,7 @@ ${propsToDefinitionList(outputs)}`);
       extraFiles.map(async (extraFile) => {
         let contents = extraFile.contents;
         if (extraFile.processAsMdx) {
-          const removeJsxProcessor = unified4().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(remarkRemoveJsx).use(this.transformRelativeUrls()).use(remarkStringify3);
+          const removeJsxProcessor = unified5().use(remarkParse4).use(remarkMdx3).use(remarkFrontmatter2, ["yaml"]).use(remarkRemoveJsx).use(this.transformRelativeUrls()).use(remarkStringify4);
           contents = String(await removeJsxProcessor.process(contents));
         }
         const lines = [];
@@ -6118,8 +6506,8 @@ ${propsToDefinitionList(outputs)}`);
         lines.push(contents);
         lines.push("");
         const fileContent = lines.join("\n");
-        const fileName = `${kebabCase(extraFile.id)}.md`;
-        const outfile = `${resolve(this.config.outputPath)}/${fileName}`;
+        const fileName = `${kebabCase3(extraFile.id)}.md`;
+        const outfile = `${resolve3(this.config.outputPath)}/${fileName}`;
         await writeFile(outfile, fileContent, "utf-8");
         const stats = await stat(outfile);
         totalSize += stats.size / 1024;
@@ -6141,7 +6529,7 @@ ${propsToDefinitionList(outputs)}`);
   }
   async generatePerPageExports(pages, processedPages, metadata) {
     const start = performance.now();
-    await mkdir(dirname(this.config.outputPath), { recursive: true }).catch(
+    await mkdir(dirname3(this.config.outputPath), { recursive: true }).catch(
       () => {
       }
     );
@@ -6159,30 +6547,44 @@ ${propsToDefinitionList(outputs)}`);
         for (const [key, value] of metadata) {
           frontmatterEntries.push([key, value]);
         }
-        if (this.config.frontmatterFields) {
-          if (typeof this.config.frontmatterFields === "function") {
-            const transformed = this.config.frontmatterFields(
-              processedPage.frontmatter,
-              page
-            );
-            for (const [key, value] of Object.entries(transformed)) {
-              if (value !== void 0) {
-                frontmatterEntries.push([key, String(value)]);
-              }
+        if (this.config.frontmatter?.include?.length) {
+          const includePatterns = this.config.frontmatter.include;
+          const excludePatterns = this.config.frontmatter.exclude ?? [];
+          for (const [field, value] of Object.entries(
+            processedPage.frontmatter
+          )) {
+            if (value === void 0) {
+              continue;
             }
-          } else {
-            for (const field of this.config.frontmatterFields) {
-              const value = processedPage.frontmatter[field];
-              if (value !== void 0) {
-                frontmatterEntries.push([field, String(value)]);
-              }
+            const isIncluded = includePatterns.some(
+              (pattern) => minimatch(field, pattern)
+            );
+            const isExcluded = excludePatterns.some(
+              (pattern) => minimatch(field, pattern)
+            );
+            if (isIncluded && !isExcluded) {
+              frontmatterEntries.push([
+                field,
+                Array.isArray(value) ? value : String(value)
+              ]);
             }
           }
         }
+        if (this.config.frontmatter?.extraFields) {
+          for (const [key, value] of Object.entries(
+            this.config.frontmatter.extraFields
+          )) {
+            frontmatterEntries.push([key, value]);
+          }
+        }
         if (frontmatterEntries.length > 0) {
           lines.push("---");
           for (const [key, value] of frontmatterEntries) {
-            lines.push(`${key}: ${value}`);
+            if (Array.isArray(value)) {
+              lines.push(`${key}: [${value.join(", ")}]`);
+            } else {
+              lines.push(`${key}: ${value}`);
+            }
           }
           lines.push("---");
           lines.push("");
@@ -6206,50 +6608,14 @@ ${propsToDefinitionList(outputs)}`);
         }
         lines.push(content);
         lines.push("");
-        if (processedPage.demoFiles.length > 0) {
-          if (this.config.verbose) {
-            console.log(
-              `Collecting imports for ${page.name} from ${processedPage.demoFiles.length} demo files`
-            );
-          }
-          const allImports = [];
-          for (const demoFile of processedPage.demoFiles) {
-            const imports = await this.collectRelativeImports(
-              demoFile,
-              /* @__PURE__ */ new Set()
-            );
-            allImports.push(...imports);
-          }
-          const uniqueImports = Array.from(
-            new Map(allImports.map((m) => [m.path, m])).values()
-          );
-          if (this.config.verbose) {
-            console.log(
-              `  Collected ${uniqueImports.length} unique import modules`
-            );
-          }
-          if (uniqueImports.length > 0) {
-            lines.push("## Related Source Files");
-            lines.push("");
-            for (const importedModule of uniqueImports) {
-              const ext = extname(importedModule.path).slice(1);
-              lines.push(`### ${basename(importedModule.path)}`);
-              lines.push("");
-              lines.push(`\`\`\`${ext}`);
-              lines.push(importedModule.content);
-              lines.push("```");
-              lines.push("");
-            }
-          }
-        }
         const fileContent = lines.join("\n");
-        const fileName = `${kebabCase(page.id || page.name)}.md`;
-        const outfile = `${resolve(this.config.outputPath)}/${fileName}`;
+        const fileName = `${kebabCase3(page.id || page.name)}.md`;
+        const outfile = `${resolve3(this.config.outputPath)}/${fileName}`;
         await writeFile(outfile, fileContent, "utf-8");
         const stats = await stat(outfile);
         totalSize += stats.size / 1024;
         manifestEntries.push({
-          id: page.id || kebabCase(page.name),
+          id: page.id || kebabCase3(page.name),
           md5: computeMd5(fileContent),
           path: fileName,
           size: stats.size,
@@ -6273,6 +6639,11 @@ ${propsToDefinitionList(outputs)}`);
           manifestEntries
         );
       }
+      await this.generateSectionsOutput(
+        processedPages,
+        pages,
+        this.config.manifestOutputPath
+      );
     }
     console.log(
       `Generated ${count + extraFilesResult.count} files(s) in ${chalk3.magenta.bold(`${Math.round(performance.now() - start + extraFilesResult.duration)}ms`)} at ${chalk3.blue.bold(this.config.outputPath)} - ${(totalSize + extraFilesResult.totalSize).toFixed(1)} KB`
@@ -6297,7 +6668,7 @@ ${propsToDefinitionList(outputs)}`);
     await mkdir(outputPath, { recursive: true }).catch(() => {
     });
     await writeFile(
-      join2(outputPath, "manifest.json"),
+      join5(outputPath, "manifest.json"),
       JSON.stringify(manifest, null, 2),
       "utf-8"
     );
@@ -6306,16 +6677,58 @@ ${propsToDefinitionList(outputs)}`);
   async generateBulkZip(outputPath, entries) {
     await mkdir(outputPath, { recursive: true }).catch(() => {
     });
-    const zipPath = join2(outputPath, "bulk.zip");
+    const zipPath = join5(outputPath, "bulk.zip");
     const zip = new AdmZip();
     for (const entry of entries) {
-      const filePath = join2(this.config.outputPath, entry.path);
-      const content = await readFile(filePath);
+      const filePath = join5(this.config.outputPath, entry.path);
+      const content = await readFile4(filePath);
       zip.addFile(entry.path, content);
     }
     zip.writeZip(zipPath);
   }
+  async generateSectionsOutput(processedPages, pages, outputPath) {
+    const sectionsConfig = this.config.sections ?? {};
+    const extractor = new SectionExtractor({
+      depths: sectionsConfig.depths,
+      minContentLength: sectionsConfig.minContentLength
+    });
+    const allSections = [];
+    for (let i = 0; i < processedPages.length; i++) {
+      const processed = processedPages[i];
+      const page = pages[i];
+      const filteredFrontmatter = this.filterFrontmatter(processed.frontmatter);
+      const pageSections = extractor.extract(processed.sectionAst, {
+        frontmatter: filteredFrontmatter,
+        id: page.id,
+        title: processed.title,
+        url: processed.url
+      });
+      allSections.push(...pageSections);
+    }
+    const hash = computeMd5(JSON.stringify(allSections));
+    const output = {
+      generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      hash,
+      sections: allSections,
+      totalSections: allSections.length,
+      version: 1
+    };
+    const sectionsPath = join5(
+      outputPath,
+      sectionsConfig.outputPath ?? "sections.json"
+    );
+    await mkdir(dirname3(sectionsPath), { recursive: true }).catch(() => {
+    });
+    await writeFile(sectionsPath, JSON.stringify(output, null, 2), "utf-8");
+    if (this.config.verbose) {
+      console.log(
+        `Generated ${allSections.length} sections at ${chalk3.blue.bold(sectionsPath)}`
+      );
+    }
+  }
 };
+
+// src/ai-knowledge/generator/command.ts
 async function generate(config2) {
   const generator = new KnowledgeGenerator(config2);
   return generator.run();
@@ -6381,12 +6794,12 @@ var PluginState = class {
   createIndexer(config2) {
     this.config = config2;
     this.configFilePath = config2.filePath;
-    this.docPropsFilePath = config2.typeDocProps ? fixPath(resolve2(this.cwd, config2.typeDocProps)) : "";
-    this.routesDir = fixPath(resolve2(config2.appDirectory, config2.pageDirectory));
+    this.docPropsFilePath = config2.typeDocProps ? fixPath(resolve4(this.cwd, config2.typeDocProps)) : "";
+    this.routesDir = fixPath(resolve4(config2.appDirectory, config2.pageDirectory));
     this.knowledgeConfig = config2.knowledge;
     this.indexer = new SearchIndexer({
       ...config2,
-      srcDir: fixPath(resolve2(this.cwd, config2.appDirectory)),
+      srcDir: fixPath(resolve4(this.cwd, config2.appDirectory)),
       typeDocProps: this.resolveDocProps()
     });
     const exportsConfig = config2.knowledge?.global?.exports;
@@ -6476,9 +6889,9 @@ var PluginState = class {
     const globalConfig = this.knowledgeConfig.global;
     const exportsConfig = globalConfig.exports ?? {};
     const exportsPath = exportsConfig.staticPath ?? "exports/md";
-    const outputPath = join3(publicDir, exportsPath);
+    const outputPath = join6(publicDir, exportsPath);
     const manifestPath = exportsConfig.manifestPath ?? "exports";
-    const manifestOutputPath = join3(publicDir, manifestPath);
+    const manifestOutputPath = join6(publicDir, manifestPath);
     const startTime = Date.now();
     const pageIds = await generate({
       baseUrl: globalConfig.baseUrl,
@@ -6486,6 +6899,7 @@ var PluginState = class {
       docPropsPath: this.docPropsFilePath || void 0,
       exclude: exportsConfig.exclude ?? globalConfig.exclude,
       extraFiles: exportsConfig.extraFiles ?? globalConfig.extraFiles,
+      frontmatter: exportsConfig.frontmatter ?? globalConfig.frontmatter,
       generateBulkZip: exportsConfig.generateBulkZip ?? true,
       generateManifest: exportsConfig.generateManifest ?? true,
       manifestOutputPath,
@@ -6493,7 +6907,8 @@ var PluginState = class {
       outputMode: "per-page",
       outputPath,
       pageTitlePrefix: exportsConfig.pageTitlePrefix ?? globalConfig.pageTitlePrefix,
-      routeDir: this.routesDir
+      routeDir: this.routesDir,
+      sections: exportsConfig.sections
     });
     this.exports.pages = pageIds;
     console.debug(
@@ -6525,7 +6940,7 @@ function quiDocsPlugin(opts) {
       state.buildIndex(state.buildCount > 0);
       state.buildCount++;
       if (!isDev && state.exports.enabled) {
-        const publicDir = viteConfig.publicDir || join3(state.getCwd(), "public");
+        const publicDir = viteConfig.publicDir || join6(state.getCwd(), "public");
         await state.generateExports(publicDir);
       }
     },
@@ -6538,12 +6953,12 @@ function quiDocsPlugin(opts) {
       }
       state.initWatchers(opts?.configFile);
       if (state.exports.enabled) {
-        const publicDir = join3(state.getCwd(), "public");
+        const publicDir = join6(state.getCwd(), "public");
         await state.generateExports(publicDir);
       }
       server.watcher.on("add", (path) => {
         if (path.endsWith(".mdx")) {
-          const publicDir = join3(state.getCwd(), "public");
+          const publicDir = join6(state.getCwd(), "public");
           state.handleChange({
             onComplete: () => {
               server.ws.send({ type: "full-reload" });
@@ -6554,7 +6969,7 @@ function quiDocsPlugin(opts) {
       });
       server.watcher.on("unlink", (path) => {
         if (path.endsWith(".mdx")) {
-          const publicDir = join3(state.getCwd(), "public");
+          const publicDir = join6(state.getCwd(), "public");
           state.handleChange({
             onComplete: () => {
               server.ws.send({ type: "full-reload" });
@@ -6733,7 +7148,7 @@ var rehypeSectionize = (options = defaultOptions) => {
 };
 
 // src/docs-plugin/remark/remark-code-tabs.ts
-import { visit as visit6 } from "unist-util-visit";
+import { visit as visit12 } from "unist-util-visit";
 function parseTabAttributes(meta) {
   if (!meta) {
     return { label: null, remainingMeta: "", tabsGroup: null };
@@ -6819,7 +7234,7 @@ function renderTabs(tabs, parent) {
 var remarkCodeTabs = () => {
   return (tree) => {
     const transformations = [];
-    visit6(
+    visit12(
       tree,
       "code",
       (node, index, parent) => {
@@ -6861,10 +7276,10 @@ var remarkCodeTabs = () => {
 };
 
 // src/docs-plugin/remark/remark-frontmatter-description.ts
-import { visit as visit7 } from "unist-util-visit";
+import { visit as visit13 } from "unist-util-visit";
 var remarkFrontmatterDescription = () => {
   return (tree) => {
-    visit7(
+    visit13(
       tree,
       "mdxFlowExpression",
       (node, index, parent) => {
@@ -6890,14 +7305,14 @@ var remarkFrontmatterDescription = () => {
 };
 
 // src/docs-plugin/remark/remark-frontmatter-title.ts
-import { visit as visit8 } from "unist-util-visit";
+import { visit as visit14 } from "unist-util-visit";
 function isMdxTextExpression(node) {
   const n = node;
   return n.type === "mdxTextExpression" && typeof n.value === "string";
 }
 var remarkFrontmatterTitle = () => {
   return (tree) => {
-    visit8(
+    visit14(
       tree,
       "heading",
       (node, index, parent) => {
@@ -6930,7 +7345,7 @@ var remarkFrontmatterTitle = () => {
 
 // src/docs-plugin/remark/remark-self-link-headings.ts
 import { toString as toString2 } from "mdast-util-to-string";
-import { visit as visit9 } from "unist-util-visit";
+import { visit as visit15 } from "unist-util-visit";
 var emptyOptions2 = {};
 function remarkSelfLinkHeadings(baseUrl = "", options) {
   if (!baseUrl) {
@@ -6958,7 +7373,7 @@ function remarkSelfLinkHeadings(baseUrl = "", options) {
     }
     return (tree) => {
       seenIds.clear();
-      visit9(tree, "heading", (node) => {
+      visit15(tree, "heading", (node) => {
         if (allowedLevels.has(node.depth)) {
           const text = toString2(node);
           const slug = prefix + createSlug(text);
@@ -6975,7 +7390,7 @@ function remarkSelfLinkHeadings(baseUrl = "", options) {
 }
 
 // src/docs-plugin/remark/remark-spoilers.ts
-import { visit as visit10 } from "unist-util-visit";
+import { visit as visit16 } from "unist-util-visit";
 var remarkSpoilers = (options = {}) => {
   const {
     defaultSummary = "Open spoiler",
@@ -6983,7 +7398,7 @@ var remarkSpoilers = (options = {}) => {
     summaryClassName = []
   } = options;
   return (tree) => {
-    visit10(tree, "paragraph", (node, index, parent) => {
+    visit16(tree, "paragraph", (node, index, parent) => {
       if (!parent || index === void 0) {
         return;
       }
@@ -7290,6 +7705,7 @@ function getRehypePlugins(options = {}) {
       merge(
         {
           defaultColor: "light-dark()",
+          fallbackLanguage: "text",
           themes: {
             dark: quiCustomDarkTheme,
             light: "github-light-high-contrast"
@@ -7311,18 +7727,19 @@ function getRemarkPlugins() {
     remarkCodeTabs,
     remarkFrontmatterTitle,
     remarkFrontmatterDescription,
-    remarkSpoilers
+    remarkSpoilers,
+    remarkExtractMeta
   ];
 }
 
 // src/docs-plugin/shiki/internal/shiki-transformer-tailwind.ts
 import { fromHtml as fromHtml2 } from "hast-util-from-html";
 import { toHtml } from "hast-util-to-html";
-import { readFile as readFile2 } from "node:fs/promises";
+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 visit11 } from "unist-util-visit";
+import { visit as visit17 } from "unist-util-visit";
 import { camelCase } from "@qualcomm-ui/utils/change-case";
 async function loadStylesheetContent(id) {
   const resolveId = id === "tailwindcss" ? "tailwindcss/index.css" : id;
@@ -7335,7 +7752,7 @@ async function loadStylesheetContent(id) {
     );
     resolvedPath = createRequire2(import.meta.url).resolve(resolveId);
   }
-  return readFile2(resolvedPath, "utf-8");
+  return readFile5(resolvedPath, "utf-8");
 }
 async function createCompiler(styles) {
   return compile(styles, {
@@ -7843,7 +8260,7 @@ function angularDemoPlugin({
       logDev(
         `${chalk5.blue.bold(LOG_PREFIX)} Processing Angular demo change: ${chalk5.cyan(file)}`
       );
-      const code = await readFile3(file, "utf-8");
+      const code = await readFile6(file, "utf-8");
       const demoInfo = await parseAngularDemo(file, code);
       if (!demoInfo || !isAngularDemoEntrypoint(file)) {
         const affectedDemos = await scanDemosForFileImport(file);
@@ -7909,7 +8326,7 @@ function angularDemoPlugin({
     const demoFiles = await glob2(demoPattern);
     demoRegistry.clear();
     for (const filePath of demoFiles) {
-      const code = await readFile3(filePath, "utf-8");
+      const code = await readFile6(filePath, "utf-8");
       const demoInfo = await parseAngularDemo(filePath, code);
       if (demoInfo) {
         demoRegistry.set(demoInfo.id, demoInfo);
@@ -7923,7 +8340,7 @@ function angularDemoPlugin({
         logDev(
           `${chalk5.blue.bold(LOG_PREFIX)} Reloading demo ${chalk5.cyan(demoId)} due to imported file change: ${chalk5.yellow(file)}`
         );
-        const code = await readFile3(demo.filePath, "utf-8");
+        const code = await readFile6(demo.filePath, "utf-8");
         const updatedDemo = await parseAngularDemo(demo.filePath, code);
         if (updatedDemo) {
           delete demoDimensionsCache[updatedDemo.id];
@@ -7997,10 +8414,10 @@ function angularDemoPlugin({
   }
   async function extractRelativeImports2(filePath) {
     try {
-      let visit13 = function(node) {
-        if (ts.isImportDeclaration(node)) {
+      let visit19 = function(node) {
+        if (ts2.isImportDeclaration(node)) {
           const moduleSpecifier = node.moduleSpecifier;
-          if (ts.isStringLiteral(moduleSpecifier)) {
+          if (ts2.isStringLiteral(moduleSpecifier)) {
             const source = moduleSpecifier.text;
             if (isRelativeImport2(source)) {
               const resolvedPath = resolveRelativeImport2(source, filePath);
@@ -8016,19 +8433,19 @@ function angularDemoPlugin({
             }
           }
         }
-        ts.forEachChild(node, visit13);
+        ts2.forEachChild(node, visit19);
       };
-      var visit12 = visit13;
-      const content = await readFile3(filePath, "utf-8");
-      const sourceFile = ts.createSourceFile(
+      var visit18 = visit19;
+      const content = await readFile6(filePath, "utf-8");
+      const sourceFile = ts2.createSourceFile(
         filePath,
         content,
-        ts.ScriptTarget.Latest,
+        ts2.ScriptTarget.Latest,
         true,
-        ts.ScriptKind.TS
+        ts2.ScriptKind.TS
       );
       const relativeImports = [];
-      visit13(sourceFile);
+      visit19(sourceFile);
       return relativeImports;
     } catch (error) {
       logDev(
@@ -8051,25 +8468,25 @@ function angularDemoPlugin({
   }
   function stripImports(code, fileName) {
     try {
-      let visit13 = function(node) {
-        if (ts.isImportDeclaration(node)) {
+      let visit19 = function(node) {
+        if (ts2.isImportDeclaration(node)) {
           importRanges.push({
             end: node.getEnd(),
             start: node.getFullStart()
           });
         }
-        ts.forEachChild(node, visit13);
+        ts2.forEachChild(node, visit19);
       };
-      var visit12 = visit13;
-      const sourceFile = ts.createSourceFile(
+      var visit18 = visit19;
+      const sourceFile = ts2.createSourceFile(
         fileName,
         code,
-        ts.ScriptTarget.Latest,
+        ts2.ScriptTarget.Latest,
         true,
-        ts.ScriptKind.TS
+        ts2.ScriptKind.TS
       );
       const importRanges = [];
-      visit13(sourceFile);
+      visit19(sourceFile);
       return importRanges.map((range) => {
         let endPos = range.end;
         if (code[endPos] === "\n") {
@@ -8099,7 +8516,7 @@ function angularDemoPlugin({
       }
       const demoId = componentClass;
       const importPath = relative3(process.cwd(), filePath).replace(/\\/g, "/");
-      const fileName = basename2(filePath);
+      const fileName = basename3(filePath);
       const importsWithoutStrip = stripImports(code, filePath);
       const sourceCode = [];
       const aggregatedRules = /* @__PURE__ */ new Map();
@@ -8168,12 +8585,12 @@ function angularDemoPlugin({
     }
   }
   function parseAngularComponentMeta(filePath, source) {
-    const sourceFile = ts.createSourceFile(
+    const sourceFile = ts2.createSourceFile(
       filePath,
       source,
-      ts.ScriptTarget.Latest,
+      ts2.ScriptTarget.Latest,
       true,
-      ts.ScriptKind.TS
+      ts2.ScriptKind.TS
     );
     let componentClass = "";
     let selector = "";
@@ -8181,57 +8598,57 @@ function angularDemoPlugin({
     let templateUrl = null;
     let hasDefaultExport = false;
     const importsFromAst = [];
-    function visit12(node) {
-      if (ts.isImportDeclaration(node)) {
+    function visit18(node) {
+      if (ts2.isImportDeclaration(node)) {
         importsFromAst.push(node.getFullText(sourceFile).trim());
       }
-      if (ts.isClassDeclaration(node)) {
-        const decorators = node.modifiers?.filter(ts.isDecorator);
+      if (ts2.isClassDeclaration(node)) {
+        const decorators = node.modifiers?.filter(ts2.isDecorator);
         const componentDecorator = decorators?.find((decorator) => {
-          if (!ts.isCallExpression(decorator.expression)) {
+          if (!ts2.isCallExpression(decorator.expression)) {
             return false;
           }
           const expression = decorator.expression.expression;
-          return ts.isIdentifier(expression) && expression.text === "Component";
+          return ts2.isIdentifier(expression) && expression.text === "Component";
         });
         if (componentDecorator && node.name) {
           componentClass = node.name.text;
-          if (ts.isCallExpression(componentDecorator.expression) && componentDecorator.expression.arguments[0] && ts.isObjectLiteralExpression(
+          if (ts2.isCallExpression(componentDecorator.expression) && componentDecorator.expression.arguments[0] && ts2.isObjectLiteralExpression(
             componentDecorator.expression.arguments[0]
           )) {
             const properties = componentDecorator.expression.arguments[0].properties;
             const selectorProp = properties.find(
-              (prop) => ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name) && prop.name.text === "selector"
+              (prop) => ts2.isPropertyAssignment(prop) && ts2.isIdentifier(prop.name) && prop.name.text === "selector"
             );
-            if (selectorProp && ts.isStringLiteral(selectorProp.initializer)) {
+            if (selectorProp && ts2.isStringLiteral(selectorProp.initializer)) {
               selector = selectorProp.initializer.text;
             }
             const templateUrlProp = properties.find(
-              (prop) => ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name) && prop.name.text === "templateUrl"
+              (prop) => ts2.isPropertyAssignment(prop) && ts2.isIdentifier(prop.name) && prop.name.text === "templateUrl"
             );
             if (templateUrlProp) {
               const init = templateUrlProp.initializer;
-              if (ts.isStringLiteral(init)) {
+              if (ts2.isStringLiteral(init)) {
                 templateUrl = init.text;
-              } else if (ts.isNoSubstitutionTemplateLiteral(init)) {
+              } else if (ts2.isNoSubstitutionTemplateLiteral(init)) {
                 templateUrl = init.text;
               }
             }
             const standaloneProp = properties.find(
-              (prop) => ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name) && prop.name.text === "standalone"
+              (prop) => ts2.isPropertyAssignment(prop) && ts2.isIdentifier(prop.name) && prop.name.text === "standalone"
             );
-            if (standaloneProp && standaloneProp.initializer.kind === ts.SyntaxKind.FalseKeyword) {
+            if (standaloneProp && standaloneProp.initializer.kind === ts2.SyntaxKind.FalseKeyword) {
               isStandalone = false;
             }
           }
         }
       }
-      if (ts.isExportAssignment(node) && !node.isExportEquals) {
+      if (ts2.isExportAssignment(node) && !node.isExportEquals) {
         hasDefaultExport = true;
       }
-      ts.forEachChild(node, visit12);
+      ts2.forEachChild(node, visit18);
     }
-    visit12(sourceFile);
+    visit18(sourceFile);
     return {
       componentClass,
       hasDefaultExport,
@@ -8280,10 +8697,10 @@ function angularDemoPlugin({
       return null;
     }
     try {
-      const templateCode = await readFile3(templatePath, "utf-8");
+      const templateCode = await readFile6(templatePath, "utf-8");
       return buildAngularSourceEntry({
         code: templateCode,
-        fileName: basename2(templatePath),
+        fileName: basename3(templatePath),
         filePath: templatePath,
         language: "angular-html"
       });
@@ -8300,10 +8717,10 @@ function angularDemoPlugin({
     const relativeImports = await collectAllImports(fromFilePath);
     for (const resolvedPath of relativeImports) {
       try {
-        const importedCode = await readFile3(resolvedPath, "utf-8");
+        const importedCode = await readFile6(resolvedPath, "utf-8");
         const entry = await buildAngularSourceEntry({
           code: importedCode,
-          fileName: basename2(resolvedPath),
+          fileName: basename3(resolvedPath),
           filePath: resolvedPath,
           language: "angular-ts"
         });
@@ -8391,8 +8808,8 @@ export function getAngularDemoInfo(demoId) {
     return source.startsWith("node:") || NODE_BUILTINS2.includes(source);
   }
   function resolveRelativeImport2(source, fromFile) {
-    const fromDir = dirname2(fromFile);
-    const resolved = resolve3(fromDir, source);
+    const fromDir = dirname4(fromFile);
+    const resolved = resolve5(fromDir, source);
     const extensions = [".ts", ".js"];
     for (const ext of extensions) {
       const withExt = resolved + ext;
@@ -8401,7 +8818,7 @@ export function getAngularDemoInfo(demoId) {
       }
     }
     for (const ext of extensions) {
-      const indexFile = join4(resolved, `index${ext}`);
+      const indexFile = join7(resolved, `index${ext}`);
       if (existsSync(indexFile)) {
         return indexFile;
       }
@@ -8409,28 +8826,28 @@ export function getAngularDemoInfo(demoId) {
     return resolved;
   }
   function loadTsConfigPaths2(fromFile) {
-    let currentDir = dirname2(fromFile);
+    let currentDir = dirname4(fromFile);
     const pathAliases = [];
-    while (currentDir !== dirname2(currentDir)) {
-      const tsconfigPath = join4(currentDir, "tsconfig.json");
+    while (currentDir !== dirname4(currentDir)) {
+      const tsconfigPath = join7(currentDir, "tsconfig.json");
       if (existsSync(tsconfigPath)) {
         try {
-          const configContent = ts.sys.readFile(tsconfigPath);
+          const configContent = ts2.sys.readFile(tsconfigPath);
           if (!configContent) {
-            currentDir = dirname2(currentDir);
+            currentDir = dirname4(currentDir);
             continue;
           }
-          const parseResult = ts.parseConfigFileTextToJson(
+          const parseResult = ts2.parseConfigFileTextToJson(
             tsconfigPath,
             configContent
           );
           if (parseResult.error) {
-            currentDir = dirname2(currentDir);
+            currentDir = dirname4(currentDir);
             continue;
           }
           const paths = parseResult.config?.compilerOptions?.paths;
           const baseUrl = parseResult.config?.compilerOptions?.baseUrl || "./";
-          const resolvedBaseUrl = resolve3(currentDir, baseUrl);
+          const resolvedBaseUrl = resolve5(currentDir, baseUrl);
           if (paths) {
             for (const [alias, targets] of Object.entries(paths)) {
               if (Array.isArray(targets) && targets.length > 0) {
@@ -8438,7 +8855,7 @@ export function getAngularDemoInfo(demoId) {
                 const pattern = new RegExp(
                   `^${alias.replace("*", "(.*)").replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace("\\(\\*\\)", "(.*)")}$`
                 );
-                const replacement = resolve3(
+                const replacement = resolve5(
                   resolvedBaseUrl,
                   target.replace("*", "$1")
                 );
@@ -8448,17 +8865,17 @@ export function getAngularDemoInfo(demoId) {
           }
           const extendsPath = parseResult.config?.extends;
           if (extendsPath) {
-            const resolvedExtends = resolve3(currentDir, extendsPath);
+            const resolvedExtends = resolve5(currentDir, extendsPath);
             const extendedAliases = loadTsConfigPathsFromFile(resolvedExtends);
             pathAliases.push(...extendedAliases);
           }
           return pathAliases;
         } catch (error) {
-          currentDir = dirname2(currentDir);
+          currentDir = dirname4(currentDir);
           continue;
         }
       }
-      currentDir = dirname2(currentDir);
+      currentDir = dirname4(currentDir);
     }
     return pathAliases;
   }
@@ -8508,7 +8925,7 @@ export function getAngularDemoInfo(demoId) {
     });
   }
   async function handleAngularDemoUpdate(filePath) {
-    const code = await readFile3(filePath, "utf-8");
+    const code = await readFile6(filePath, "utf-8");
     const demoInfo = await parseAngularDemo(filePath, code);
     if (demoInfo) {
       demoRegistry.set(demoInfo.id, demoInfo);
@@ -8528,13 +8945,13 @@ export function getAngularDemoInfo(demoId) {
 }
 function loadTsConfigPathsFromFile(tsconfigPath) {
   const pathAliases = [];
-  const configDir = dirname2(tsconfigPath);
+  const configDir = dirname4(tsconfigPath);
   try {
-    const configContent = ts.sys.readFile(tsconfigPath);
+    const configContent = ts2.sys.readFile(tsconfigPath);
     if (!configContent) {
       return pathAliases;
     }
-    const parseResult = ts.parseConfigFileTextToJson(
+    const parseResult = ts2.parseConfigFileTextToJson(
       tsconfigPath,
       configContent
     );
@@ -8543,7 +8960,7 @@ function loadTsConfigPathsFromFile(tsconfigPath) {
     }
     const paths = parseResult.config?.compilerOptions?.paths;
     const baseUrl = parseResult.config?.compilerOptions?.baseUrl || "./";
-    const resolvedBaseUrl = resolve3(configDir, baseUrl);
+    const resolvedBaseUrl = resolve5(configDir, baseUrl);
     if (paths) {
       for (const [alias, targets] of Object.entries(paths)) {
         if (Array.isArray(targets) && targets.length > 0) {
@@ -8551,7 +8968,7 @@ function loadTsConfigPathsFromFile(tsconfigPath) {
           const pattern = new RegExp(
             `^${alias.replace("*", "(.*)").replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace("\\(\\*\\)", "(.*)")}$`
           );
-          const replacement = resolve3(
+          const replacement = resolve5(
             resolvedBaseUrl,
             target.replace("*", "$1")
           );
@@ -8561,7 +8978,7 @@ function loadTsConfigPathsFromFile(tsconfigPath) {
     }
     const extendsPath = parseResult.config?.extends;
     if (extendsPath) {
-      let resolvedExtends = resolve3(configDir, extendsPath);
+      let resolvedExtends = resolve5(configDir, extendsPath);
       if (!resolvedExtends.endsWith(".json")) {
         resolvedExtends += ".json";
       }
@@ -8590,7 +9007,7 @@ function resolvePathAlias(source, pathAliases) {
         }
       }
       for (const ext of extensions) {
-        const indexFile = join4(resolvedPath, `index${ext}`);
+        const indexFile = join7(resolvedPath, `index${ext}`);
         if (existsSync(indexFile)) {
           return indexFile;
         }
@@ -8601,8 +9018,8 @@ function resolvePathAlias(source, pathAliases) {
   return null;
 }
 function resolveTemplateFile(templateUrl, fromFile) {
-  const fromDir = dirname2(fromFile);
-  const resolved = resolve3(fromDir, templateUrl);
+  const fromDir = dirname4(fromFile);
+  const resolved = resolve5(fromDir, templateUrl);
   if (existsSync(resolved)) {
     return resolved;
   }
@@ -8651,9 +9068,9 @@ var NODE_BUILTINS = [
 // src/react-demo-plugin/demo-plugin-utils.ts
 import chalk6 from "chalk";
 import { existsSync as existsSync2, readFileSync as readFileSync3 } from "node:fs";
-import { readFile as readFile4 } from "node:fs/promises";
-import { dirname as dirname3, join as join5, relative as relative4, resolve as resolve4, sep } from "node:path";
-import * as ts2 from "typescript";
+import { readFile as readFile7 } from "node:fs/promises";
+import { dirname as dirname5, join as join8, relative as relative4, resolve as resolve6, sep } from "node:path";
+import * as ts3 from "typescript";
 import { pascalCase } from "@qualcomm-ui/utils/change-case";
 function createDemoName(filePath) {
   const separatorChar = filePath.includes("/") ? "/" : "\\";
@@ -8668,7 +9085,7 @@ function createDemoName(filePath) {
 }
 async function extractFileImports(filePath) {
   try {
-    const content = await readFile4(filePath, "utf-8");
+    const content = await readFile7(filePath, "utf-8");
     return extractImports(content, filePath);
   } catch (error) {
     console.log(
@@ -8679,17 +9096,17 @@ async function extractFileImports(filePath) {
   }
 }
 function extractImports(code, fileName) {
-  const sourceFile = ts2.createSourceFile(
+  const sourceFile = ts3.createSourceFile(
     fileName,
     code,
-    ts2.ScriptTarget.Latest,
+    ts3.ScriptTarget.Latest,
     true,
     getScriptKind(fileName)
   );
   const thirdPartyImports = [];
   const relativeImports = [];
-  function visit12(node) {
-    if (ts2.isImportDeclaration(node)) {
+  function visit18(node) {
+    if (ts3.isImportDeclaration(node)) {
       const importSpec = parseImportDeclaration(node, fileName);
       if (importSpec) {
         if (importSpec.type === "relative") {
@@ -8699,17 +9116,17 @@ function extractImports(code, fileName) {
         }
       }
     }
-    ts2.forEachChild(node, visit12);
+    ts3.forEachChild(node, visit18);
   }
-  visit12(sourceFile);
+  visit18(sourceFile);
   return { relativeImports, thirdPartyImports };
 }
 function getScriptKind(fileName) {
-  return fileName.endsWith(".tsx") || fileName.endsWith(".jsx") ? ts2.ScriptKind.TSX : ts2.ScriptKind.TS;
+  return fileName.endsWith(".tsx") || fileName.endsWith(".jsx") ? ts3.ScriptKind.TSX : ts3.ScriptKind.TS;
 }
 function parseImportDeclaration(node, fileName) {
   const moduleSpecifier = node.moduleSpecifier;
-  if (!ts2.isStringLiteral(moduleSpecifier)) {
+  if (!ts3.isStringLiteral(moduleSpecifier)) {
     return null;
   }
   const source = moduleSpecifier.text;
@@ -8759,9 +9176,9 @@ function extractSpecifiers(importClause) {
     specifiers.push({ imported: "default", local: "default" });
   }
   if (importClause.namedBindings) {
-    if (ts2.isNamespaceImport(importClause.namedBindings)) {
+    if (ts3.isNamespaceImport(importClause.namedBindings)) {
       specifiers.push({ imported: "*", local: "*" });
-    } else if (ts2.isNamedImports(importClause.namedBindings)) {
+    } else if (ts3.isNamedImports(importClause.namedBindings)) {
       importClause.namedBindings.elements.forEach((element) => {
         if (!element.isTypeOnly) {
           const imported = element.propertyName ? element.propertyName.text : element.name.text;
@@ -8774,8 +9191,8 @@ function extractSpecifiers(importClause) {
   return specifiers;
 }
 function resolveRelativeImport(source, fromFile) {
-  const fromDir = dirname3(fromFile);
-  const resolved = resolve4(fromDir, source);
+  const fromDir = dirname5(fromFile);
+  const resolved = resolve6(fromDir, source);
   const extensions = [".ts", ".tsx", ".js", ".jsx"];
   for (const ext of extensions) {
     const withExt = resolved + ext;
@@ -8784,7 +9201,7 @@ function resolveRelativeImport(source, fromFile) {
     }
   }
   for (const ext of extensions) {
-    const indexFile = join5(resolved, `index${ext}`);
+    const indexFile = join8(resolved, `index${ext}`);
     if (existsSync2(indexFile)) {
       return indexFile;
     }
@@ -8798,28 +9215,28 @@ function isNodeBuiltin(source) {
   return source.startsWith("node:") || NODE_BUILTINS.includes(source);
 }
 function loadTsConfigPaths(fromFile) {
-  let currentDir = dirname3(fromFile);
+  let currentDir = dirname5(fromFile);
   const pathAliases = [];
-  while (currentDir !== dirname3(currentDir)) {
-    const tsconfigPath = join5(currentDir, "tsconfig.json");
+  while (currentDir !== dirname5(currentDir)) {
+    const tsconfigPath = join8(currentDir, "tsconfig.json");
     if (existsSync2(tsconfigPath)) {
       try {
-        const configContent = ts2.sys.readFile(tsconfigPath);
+        const configContent = ts3.sys.readFile(tsconfigPath);
         if (!configContent) {
-          currentDir = dirname3(currentDir);
+          currentDir = dirname5(currentDir);
           continue;
         }
-        const parseResult = ts2.parseConfigFileTextToJson(
+        const parseResult = ts3.parseConfigFileTextToJson(
           tsconfigPath,
           configContent
         );
         if (parseResult.error) {
-          currentDir = dirname3(currentDir);
+          currentDir = dirname5(currentDir);
           continue;
         }
         const paths = parseResult.config?.compilerOptions?.paths;
         const baseUrl = parseResult.config?.compilerOptions?.baseUrl || "./";
-        const resolvedBaseUrl = resolve4(currentDir, baseUrl);
+        const resolvedBaseUrl = resolve6(currentDir, baseUrl);
         if (paths) {
           for (const [alias, targets] of Object.entries(paths)) {
             if (Array.isArray(targets) && targets.length > 0) {
@@ -8827,7 +9244,7 @@ function loadTsConfigPaths(fromFile) {
               const pattern = new RegExp(
                 `^${alias.replace("*", "(.*)").replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace("\\(\\*\\)", "(.*)")}$`
               );
-              const replacement = resolve4(
+              const replacement = resolve6(
                 resolvedBaseUrl,
                 target.replace("*", "$1")
               );
@@ -8837,29 +9254,29 @@ function loadTsConfigPaths(fromFile) {
         }
         const extendsPath = parseResult.config?.extends;
         if (extendsPath) {
-          const resolvedExtends = resolve4(currentDir, extendsPath);
+          const resolvedExtends = resolve6(currentDir, extendsPath);
           const extendedAliases = loadTsConfigPathsFromFile2(resolvedExtends);
           pathAliases.push(...extendedAliases);
         }
         return pathAliases;
       } catch (error) {
-        currentDir = dirname3(currentDir);
+        currentDir = dirname5(currentDir);
         continue;
       }
     }
-    currentDir = dirname3(currentDir);
+    currentDir = dirname5(currentDir);
   }
   return pathAliases;
 }
 function loadTsConfigPathsFromFile2(tsconfigPath) {
   const pathAliases = [];
-  const configDir = dirname3(tsconfigPath);
+  const configDir = dirname5(tsconfigPath);
   try {
-    const configContent = ts2.sys.readFile(tsconfigPath);
+    const configContent = ts3.sys.readFile(tsconfigPath);
     if (!configContent) {
       return pathAliases;
     }
-    const parseResult = ts2.parseConfigFileTextToJson(
+    const parseResult = ts3.parseConfigFileTextToJson(
       tsconfigPath,
       configContent
     );
@@ -8868,7 +9285,7 @@ function loadTsConfigPathsFromFile2(tsconfigPath) {
     }
     const paths = parseResult.config?.compilerOptions?.paths;
     const baseUrl = parseResult.config?.compilerOptions?.baseUrl || "./";
-    const resolvedBaseUrl = resolve4(configDir, baseUrl);
+    const resolvedBaseUrl = resolve6(configDir, baseUrl);
     if (paths) {
       for (const [alias, targets] of Object.entries(paths)) {
         if (Array.isArray(targets) && targets.length > 0) {
@@ -8876,7 +9293,7 @@ function loadTsConfigPathsFromFile2(tsconfigPath) {
           const pattern = new RegExp(
             `^${alias.replace("*", "(.*)").replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace("\\(\\*\\)", "(.*)")}$`
           );
-          const replacement = resolve4(
+          const replacement = resolve6(
             resolvedBaseUrl,
             target.replace("*", "$1")
           );
@@ -8886,7 +9303,7 @@ function loadTsConfigPathsFromFile2(tsconfigPath) {
     }
     const extendsPath = parseResult.config?.extends;
     if (extendsPath) {
-      let resolvedExtends = resolve4(configDir, extendsPath);
+      let resolvedExtends = resolve6(configDir, extendsPath);
       if (!resolvedExtends.endsWith(".json")) {
         resolvedExtends += ".json";
       }
@@ -8915,7 +9332,7 @@ function resolvePathAlias2(source, pathAliases) {
         }
       }
       for (const ext of extensions) {
-        const indexFile = join5(resolvedPath, `index${ext}`);
+        const indexFile = join8(resolvedPath, `index${ext}`);
         if (existsSync2(indexFile)) {
           return indexFile;
         }
@@ -8932,7 +9349,7 @@ function extractPageId(filePath, routesDir) {
     const demosIndex = pathParts.indexOf("demos");
     return pathParts.slice(0, demosIndex).join(sep);
   }
-  return dirname3(relativePath);
+  return dirname5(relativePath);
 }
 function isCssAsset(filePath) {
   return filePath.endsWith(".css");
@@ -8948,10 +9365,10 @@ function isDemoFile(filePath) {
 // src/react-demo-plugin/react-demo-plugin.ts
 import chalk7 from "chalk";
 import { glob as glob3 } from "glob";
-import { readFile as readFile5 } from "node:fs/promises";
-import { basename as basename3, resolve as resolve5 } from "node:path";
+import { readFile as readFile8 } from "node:fs/promises";
+import { basename as basename4, resolve as resolve7 } from "node:path";
 import { createHighlighter as createHighlighter2 } from "shiki";
-import * as ts3 from "typescript";
+import * as ts4 from "typescript";
 import {
   quiCustomDarkTheme as quiCustomDarkTheme3
 } from "@qualcomm-ui/mdx-common";
@@ -9016,7 +9433,7 @@ function reactDemoPlugin({
       if (isDemoFile(file)) {
         await handleDemoAdditionOrUpdate({ filePath: file });
       } else {
-        const normalizedFile = resolve5(file);
+        const normalizedFile = resolve7(file);
         const dependentDemos = relativeImportDependents.get(normalizedFile);
         if (!dependentDemos?.size) {
           return [];
@@ -9202,7 +9619,7 @@ function reactDemoPlugin({
   }
   async function extractHighlightedCode(filePath, code) {
     try {
-      const fileName = basename3(filePath);
+      const fileName = basename4(filePath);
       const baseResult = await highlightCode(code);
       let inlineResult;
       let classesDetected = false;
@@ -9239,7 +9656,7 @@ function reactDemoPlugin({
   }
   async function extractFileData(filePath) {
     try {
-      const code = await readFile5(filePath, "utf-8").then(transformLines);
+      const code = await readFile8(filePath, "utf-8").then(transformLines);
       const imports = stripImports(code, filePath);
       const sourceCode = [];
       const aggregatedRules = /* @__PURE__ */ new Map();
@@ -9256,7 +9673,7 @@ function reactDemoPlugin({
       if (fileImports) {
         for (const relativeImport of fileImports.relativeImports) {
           try {
-            const importedCode = await readFile5(
+            const importedCode = await readFile8(
               relativeImport.resolvedPath,
               "utf-8"
             ).then(transformLines);
@@ -9287,7 +9704,7 @@ function reactDemoPlugin({
       }
       return {
         demoName: createDemoName(filePath),
-        fileName: extractedMain?.sourceCodeData.fileName || basename3(filePath),
+        fileName: extractedMain?.sourceCodeData.fileName || basename4(filePath),
         filePath,
         imports,
         sourceCode
@@ -9298,25 +9715,25 @@ function reactDemoPlugin({
   }
   function stripImports(code, fileName) {
     try {
-      let visit13 = function(node) {
-        if (ts3.isImportDeclaration(node)) {
+      let visit19 = function(node) {
+        if (ts4.isImportDeclaration(node)) {
           importRanges.push({
             end: node.getEnd(),
             start: node.getFullStart()
           });
         }
-        ts3.forEachChild(node, visit13);
+        ts4.forEachChild(node, visit19);
       };
-      var visit12 = visit13;
-      const sourceFile = ts3.createSourceFile(
+      var visit18 = visit19;
+      const sourceFile = ts4.createSourceFile(
         fileName,
         code,
-        ts3.ScriptTarget.Latest,
+        ts4.ScriptTarget.Latest,
         true,
         getScriptKind(fileName)
       );
       const importRanges = [];
-      visit13(sourceFile);
+      visit19(sourceFile);
       return importRanges.map((range) => {
         let endPos = range.end;
         if (code[endPos] === "\n") {