boltdocs 1.5.0 → 1.7.0

package/dist/client/index.mjs

@@ -10,7 +10,7 @@ import {
   Sidebar,
   ThemeLayout,
   createBoltdocsApp
-} from "../chunk-FMQ4HRKZ.mjs";
+} from "../chunk-MULKZFVN.mjs";
 import {
   Video
 } from "../chunk-Z7JHYNAS.mjs";
@@ -19,7 +19,7 @@ import {
   Deno,
   NPM,
   Pnpm
-} from "../chunk-S5G55FBI.mjs";
+} from "../chunk-7SFUJWTB.mjs";
 import "../chunk-FMTOYQLO.mjs";
 
 // src/client/theme/components/Playground/Playground.tsx
@@ -191,39 +191,17 @@ function Card({
 
 // src/client/theme/components/mdx/Tabs.tsx
 import { useState as useState2, Children, isValidElement, useRef } from "react";
-
-// src/client/theme/icons/yarn.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var Yarn = (props) => /* @__PURE__ */ jsxs3("svg", { ...props, viewBox: "0 0 256 256", children: [
-  /* @__PURE__ */ jsx5(
-    "path",
-    {
-      fill: "#2C8EBB",
-      d: "M128 0C57.307 0 0 57.307 0 128s57.307 128 128 128 128-57.307 128-128S198.693 0 128 0zm0 234.667C69.195 234.667 21.333 186.805 21.333 128S69.195 21.333 128 21.333 234.667 69.195 234.667 128 186.805 234.667 128 234.667z"
-    }
-  ),
-  /* @__PURE__ */ jsx5(
-    "path",
-    {
-      fill: "#2C8EBB",
-      d: "M173.045 74.053c-4.632-4.632-12.144-4.632-16.776 0L128 102.323l-28.269-28.27c-4.632-4.632-12.144-4.632-16.776 0-4.632 4.632-4.632 12.144 0 16.776L111.224 119.1l-28.269 28.269c-4.632 4.632-4.632 12.144 0 16.776 2.316 2.316 5.352 3.474 8.388 3.474s6.072-1.158 8.388-3.474L128 135.877l28.269 28.268c2.316 2.316 5.352 3.474 8.388 3.474s6.072-1.158 8.388-3.474c4.632-4.632 4.632-12.144 0-16.776L144.776 119.1l28.269-28.271 c4.632-4.632 4.632-12.144 0-16.776z"
-    }
-  )
-] });
-
-// src/client/theme/components/mdx/Tabs.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function Tab({ children }) {
-  const content = typeof children === "string" ? /* @__PURE__ */ jsx6(CodeBlock, { className: "language-bash", children: /* @__PURE__ */ jsx6("code", { children: children.trim() }) }) : children;
-  return /* @__PURE__ */ jsx6("div", { className: "ld-tab-panel", children: content });
+  const content = typeof children === "string" ? /* @__PURE__ */ jsx5(CodeBlock, { className: "language-bash", children: /* @__PURE__ */ jsx5("code", { children: children.trim() }) }) : children;
+  return /* @__PURE__ */ jsx5("div", { className: "ld-tab-panel", children: content });
 }
 var getIconForLabel = (label) => {
   const l = label.toLowerCase();
-  if (l.includes("npm")) return /* @__PURE__ */ jsx6(NPM, {});
-  if (l.includes("pnpm")) return /* @__PURE__ */ jsx6(Pnpm, {});
-  if (l.includes("yarn")) return /* @__PURE__ */ jsx6(Yarn, {});
-  if (l.includes("bun")) return /* @__PURE__ */ jsx6(Bun, {});
-  if (l.includes("deno")) return /* @__PURE__ */ jsx6(Deno, {});
+  if (l.includes("pnpm")) return /* @__PURE__ */ jsx5(Pnpm, {});
+  if (l.includes("npm")) return /* @__PURE__ */ jsx5(NPM, {});
+  if (l.includes("bun")) return /* @__PURE__ */ jsx5(Bun, {});
+  if (l.includes("deno")) return /* @__PURE__ */ jsx5(Deno, {});
   return null;
 };
 function Tabs({ defaultIndex = 0, children }) {
@@ -244,11 +222,11 @@ function Tabs({ defaultIndex = 0, children }) {
       tabRefs.current[newIndex]?.focus();
     }
   };
-  return /* @__PURE__ */ jsxs4("div", { className: "ld-tabs", children: [
-    /* @__PURE__ */ jsx6("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
+  return /* @__PURE__ */ jsxs3("div", { className: "ld-tabs", children: [
+    /* @__PURE__ */ jsx5("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
       const label = child.props.label;
       const Icon = getIconForLabel(label);
-      return /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsxs3(
         "button",
         {
           role: "tab",
@@ -263,13 +241,13 @@ function Tabs({ defaultIndex = 0, children }) {
           onClick: () => setActive(i),
           children: [
             Icon,
-            /* @__PURE__ */ jsx6("span", { children: label })
+            /* @__PURE__ */ jsx5("span", { children: label })
           ]
         },
         i
       );
     }) }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5(
       "div",
       {
         className: "ld-tabs__content",
@@ -290,13 +268,13 @@ import {
   ShieldAlert,
   Bookmark
 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ICON_MAP = {
-  note: /* @__PURE__ */ jsx7(Bookmark, { size: 18 }),
-  tip: /* @__PURE__ */ jsx7(Lightbulb, { size: 18 }),
-  info: /* @__PURE__ */ jsx7(Info, { size: 18 }),
-  warning: /* @__PURE__ */ jsx7(AlertTriangle, { size: 18 }),
-  danger: /* @__PURE__ */ jsx7(ShieldAlert, { size: 18 })
+  note: /* @__PURE__ */ jsx6(Bookmark, { size: 18 }),
+  tip: /* @__PURE__ */ jsx6(Lightbulb, { size: 18 }),
+  info: /* @__PURE__ */ jsx6(Info, { size: 18 }),
+  warning: /* @__PURE__ */ jsx6(AlertTriangle, { size: 18 }),
+  danger: /* @__PURE__ */ jsx6(ShieldAlert, { size: 18 })
 };
 var LABEL_MAP = {
   note: "Note",
@@ -312,35 +290,35 @@ function Admonition({
   className = "",
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: `ld-admonition ld-admonition--${type} ${className}`.trim(),
       role: type === "warning" || type === "danger" ? "alert" : "note",
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs5("div", { className: "ld-admonition__header", children: [
-          /* @__PURE__ */ jsx7("span", { className: "ld-admonition__icon", children: ICON_MAP[type] }),
-          /* @__PURE__ */ jsx7("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
+        /* @__PURE__ */ jsxs4("div", { className: "ld-admonition__header", children: [
+          /* @__PURE__ */ jsx6("span", { className: "ld-admonition__icon", children: ICON_MAP[type] }),
+          /* @__PURE__ */ jsx6("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
         ] }),
-        /* @__PURE__ */ jsx7("div", { className: "ld-admonition__body", children })
+        /* @__PURE__ */ jsx6("div", { className: "ld-admonition__body", children })
       ]
     }
   );
 }
-var Note = (props) => /* @__PURE__ */ jsx7(Admonition, { type: "note", ...props });
-var Tip = (props) => /* @__PURE__ */ jsx7(Admonition, { type: "tip", ...props });
-var Warning = (props) => /* @__PURE__ */ jsx7(Admonition, { type: "warning", ...props });
-var Danger = (props) => /* @__PURE__ */ jsx7(Admonition, { type: "danger", ...props });
-var InfoBox = (props) => /* @__PURE__ */ jsx7(Admonition, { type: "info", ...props });
+var Note = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "note", ...props });
+var Tip = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "tip", ...props });
+var Warning = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "warning", ...props });
+var Danger = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "danger", ...props });
+var InfoBox = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "info", ...props });
 
 // src/client/theme/components/mdx/List.tsx
 import React3, { Children as Children2 } from "react";
 import { Check as Check2, ChevronRight } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ICON_MAP2 = {
-  checked: /* @__PURE__ */ jsx8(Check2, { size: 14, className: "ld-list__icon" }),
-  arrow: /* @__PURE__ */ jsx8(ChevronRight, { size: 14, className: "ld-list__icon" })
+  checked: /* @__PURE__ */ jsx7(Check2, { size: 14, className: "ld-list__icon" }),
+  arrow: /* @__PURE__ */ jsx7(ChevronRight, { size: 14, className: "ld-list__icon" })
 };
 function List({
   variant = "default",
@@ -349,17 +327,176 @@ function List({
   ...rest
 }) {
   if (variant === "default") {
-    return /* @__PURE__ */ jsx8("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
+    return /* @__PURE__ */ jsx7("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
   }
   const icon = ICON_MAP2[variant];
-  return /* @__PURE__ */ jsx8("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: Children2.map(children, (child) => {
+  return /* @__PURE__ */ jsx7("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: Children2.map(children, (child) => {
     if (!React3.isValidElement(child)) return child;
-    return /* @__PURE__ */ jsxs6("li", { className: "ld-list__item", children: [
+    return /* @__PURE__ */ jsxs5("li", { className: "ld-list__item", children: [
       icon,
-      /* @__PURE__ */ jsx8("span", { className: "ld-list__text", children: child.props.children })
+      /* @__PURE__ */ jsx7("span", { className: "ld-list__text", children: child.props.children })
     ] });
   }) });
 }
+
+// src/client/theme/components/mdx/FileTree.tsx
+import React4, { Children as Children3, isValidElement as isValidElement2, useState as useState3 } from "react";
+import {
+  Folder,
+  FileText,
+  File,
+  FileCode,
+  FileImage,
+  ChevronRight as ChevronRight2
+} from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function getTextContent(node) {
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return node.toString();
+  if (Array.isArray(node)) return node.map(getTextContent).join("");
+  if (isValidElement2(node)) {
+    return getTextContent(node.props.children);
+  }
+  return "";
+}
+function getFileIcon(filename) {
+  const name = filename.toLowerCase();
+  if (name.endsWith(".ts") || name.endsWith(".tsx") || name.endsWith(".js") || name.endsWith(".jsx") || name.endsWith(".json") || name.endsWith(".mjs") || name.endsWith(".cjs") || name.endsWith(".astro") || name.endsWith(".vue") || name.endsWith(".svelte")) {
+    return /* @__PURE__ */ jsx8(FileCode, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+  }
+  if (name.endsWith(".md") || name.endsWith(".mdx") || name.endsWith(".txt")) {
+    return /* @__PURE__ */ jsx8(FileText, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+  }
+  if (name.endsWith(".png") || name.endsWith(".jpg") || name.endsWith(".jpeg") || name.endsWith(".svg") || name.endsWith(".gif")) {
+    return /* @__PURE__ */ jsx8(
+      FileImage,
+      {
+        size: 16,
+        strokeWidth: 2,
+        className: "ld-file-tree__icon-file"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx8(File, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+}
+function isListElement(node, tag) {
+  if (typeof node.type === "string") {
+    return node.type === tag;
+  }
+  if (typeof node.type === "function") {
+    return node.type.name === tag || node.type.name?.toLowerCase() === tag;
+  }
+  if (node.props && node.props.originalType === tag) {
+    return true;
+  }
+  if (node.props && node.props.mdxType === tag) {
+    return true;
+  }
+  return false;
+}
+function FolderNode({
+  labelText,
+  nestedNodes,
+  depth
+}) {
+  const [isOpen, setIsOpen] = useState3(true);
+  return /* @__PURE__ */ jsxs6("li", { className: "ld-file-tree__item", children: [
+    /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: "ld-file-tree__label ld-file-tree__label--folder",
+        onClick: () => setIsOpen(!isOpen),
+        style: { cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon ld-file-tree__icon--chevron", children: /* @__PURE__ */ jsx8(
+            ChevronRight2,
+            {
+              size: 14,
+              className: `ld-file-tree__chevron ${isOpen ? "ld-file-tree__chevron--open" : ""}`,
+              strokeWidth: 3
+            }
+          ) }),
+          /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon", children: /* @__PURE__ */ jsx8(
+            Folder,
+            {
+              size: 16,
+              strokeWidth: 2,
+              className: "ld-file-tree__icon-folder",
+              fill: "currentColor",
+              fillOpacity: 0.15
+            }
+          ) }),
+          /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__name", children: labelText })
+        ]
+      }
+    ),
+    isOpen && nestedNodes.length > 0 && /* @__PURE__ */ jsx8("div", { className: "ld-file-tree__nested", children: nestedNodes.map((child, index) => /* @__PURE__ */ jsx8(React4.Fragment, { children: parseNode(child, depth) }, index)) })
+  ] });
+}
+function parseNode(node, depth = 0) {
+  if (!isValidElement2(node)) {
+    return node;
+  }
+  if (isListElement(node, "ul")) {
+    return /* @__PURE__ */ jsx8(
+      "ul",
+      {
+        className: `ld-file-tree__list ${depth === 0 ? "ld-file-tree__list--root" : ""}`,
+        children: Children3.map(node.props.children, (child, index) => /* @__PURE__ */ jsx8(React4.Fragment, { children: parseNode(child, depth + 1) }, index))
+      }
+    );
+  }
+  if (isListElement(node, "li")) {
+    const children = Children3.toArray(node.props.children);
+    const nestedListIndex = children.findIndex(
+      (child) => isValidElement2(child) && isListElement(child, "ul")
+    );
+    const hasNested = nestedListIndex !== -1;
+    const labelNodes = hasNested ? children.slice(0, nestedListIndex) : children;
+    const nestedNodes = hasNested ? children.slice(nestedListIndex) : [];
+    const rawLabelContent = getTextContent(labelNodes).trim();
+    const isExplicitDir = rawLabelContent.endsWith("/");
+    const labelText = isExplicitDir ? rawLabelContent.slice(0, -1) : rawLabelContent;
+    const isFolder = hasNested || isExplicitDir;
+    if (isFolder) {
+      return /* @__PURE__ */ jsx8(
+        FolderNode,
+        {
+          labelText,
+          nestedNodes,
+          depth
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx8("li", { className: "ld-file-tree__item", children: /* @__PURE__ */ jsxs6("div", { className: "ld-file-tree__label ld-file-tree__label--file", children: [
+      /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon ld-file-tree__icon--spacer" }),
+      /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon", children: getFileIcon(labelText) }),
+      /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__name", children: labelText })
+    ] }) });
+  }
+  if (node.props.children) {
+    return Children3.map(node.props.children, (child, index) => /* @__PURE__ */ jsx8(React4.Fragment, { children: parseNode(child, depth) }, index));
+  }
+  return node;
+}
+function FileTree({ children }) {
+  return /* @__PURE__ */ jsx8("div", { className: "ld-file-tree", dir: "ltr", children: Children3.map(children, (child) => parseNode(child, 0)) });
+}
+
+// src/client/theme/components/mdx/Table.tsx
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function Table({
+  headers,
+  data,
+  children,
+  className = ""
+}) {
+  const tableContent = children ? children : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    headers && /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: headers.map((header, i) => /* @__PURE__ */ jsx9("th", { children: header }, i)) }) }),
+    data && /* @__PURE__ */ jsx9("tbody", { children: data.map((row, i) => /* @__PURE__ */ jsx9("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx9("td", { children: cell }, j)) }, i)) })
+  ] });
+  return /* @__PURE__ */ jsx9("div", { className: `ld-table-container ${className}`.trim(), children: /* @__PURE__ */ jsx9("table", { className: "ld-table", children: tableContent }) });
+}
 export {
   Admonition,
   BackgroundGradient,
@@ -370,6 +507,7 @@ export {
   Cards,
   CodeBlock,
   Danger,
+  FileTree,
   Head,
   InfoBox,
   List,
@@ -381,6 +519,7 @@ export {
   Playground,
   Sidebar,
   Tab,
+  Table,
   Tabs,
   ThemeLayout,
   Tip,