boltdocs 1.5.0 → 1.6.0

package/dist/{PackageManagerTabs-XW3AVXVX.mjs → PackageManagerTabs-NVT7G625.mjs}

@@ -3,7 +3,7 @@ import {
   Deno,
   NPM,
   Pnpm
-} from "./chunk-S5G55FBI.mjs";
+} from "./chunk-7SFUJWTB.mjs";
 import {
   copyToClipboard
 } from "./chunk-FMTOYQLO.mjs";

package/dist/{SearchDialog-CEVPEMT3.css → SearchDialog-3QICRMWF.css}

@@ -1571,6 +1571,97 @@ a {
 .ld-list--arrow .ld-list__icon {
   color: var(--ld-color-primary);
 }
+.ld-file-tree {
+  margin: 1.5rem 0;
+  padding: 1rem;
+  border-radius: var(--ld-radius-lg);
+  border: 1px solid var(--ld-border-subtle);
+  background: var(--ld-bg-soft);
+  font-family: var(--ld-font-mono);
+  font-size: 0.875rem;
+  overflow-x: auto;
+}
+.ld-file-tree__list {
+  list-style: none !important;
+  margin: 0 !important;
+  padding: 0;
+  position: relative;
+}
+.ld-file-tree__list:not(.ld-file-tree__list--root) {
+  padding-left: 1.25rem;
+  margin-top: 0.25rem !important;
+  position: relative;
+}
+.ld-file-tree__list:not(.ld-file-tree__list--root)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0.45rem;
+  width: 1px;
+  background-color: var(--ld-border-subtle);
+  z-index: 0;
+}
+.ld-file-tree__item {
+  position: relative;
+  margin: 0.2rem 0 !important;
+  padding: 0 !important;
+  display: block !important;
+}
+.ld-file-tree__label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--ld-text-muted);
+  user-select: none;
+  border-radius: var(--ld-radius-sm);
+  padding: 0.25rem 0.6rem 0.25rem 0.4rem;
+  transition: all 0.2s ease;
+  position: relative;
+  z-index: 1;
+}
+.ld-file-tree__label:hover {
+  background: var(--ld-bg-mute);
+  color: var(--ld-text-main);
+}
+.ld-file-tree__label--folder {
+  color: var(--ld-text-main);
+  font-weight: 500;
+}
+.ld-file-tree__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0.8;
+  flex-shrink: 0;
+}
+.ld-file-tree__icon-folder {
+  color: var(--ld-color-primary);
+}
+.ld-file-tree__name {
+  white-space: nowrap;
+}
+.ld-file-tree__icon--chevron {
+  width: 14px;
+  height: 14px;
+  opacity: 0.5;
+  transition: opacity 0.2s ease;
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+}
+.ld-file-tree__label:hover .ld-file-tree__icon--chevron {
+  opacity: 1;
+}
+.ld-file-tree__chevron {
+  transition: transform 0.2s ease;
+}
+.ld-file-tree__chevron--open {
+  transform: rotate(90deg);
+}
+.ld-file-tree__icon--spacer {
+  width: 14px;
+}
 
 /* src/client/theme/components/PackageManagerTabs/pkg-tabs.css */
 .pkg-tabs-wrapper {

package/dist/{SearchDialog-5ISK64QY.mjs → SearchDialog-J3KNRGNO.mjs}

@@ -1,6 +1,6 @@
 import {
   Link
-} from "./chunk-FMQ4HRKZ.mjs";
+} from "./chunk-HSPDIRTW.mjs";
 import "./chunk-FMTOYQLO.mjs";
 
 // src/client/theme/ui/SearchDialog/SearchDialog.tsx

package/dist/{chunk-S5G55FBI.mjs → chunk-7SFUJWTB.mjs}

@@ -83,10 +83,10 @@ var Pnpm = (props) => /* @__PURE__ */ jsxs2(
         /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__a40WtxIl8d", fill: "#f9ad00" }) }),
         /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__h2CN9AEEpe", fill: "#f9ad00" }) }),
         /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__dqv5133G8", fill: "#f9ad00" }) }),
-        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "currentColor" }) }),
-        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "currentColor" }) }),
-        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "currentColor" }) }),
-        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "currentColor" }) })
+        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "#ffffff" }) }),
+        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "#ffffff" }) }),
+        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "#ffffff" }) }),
+        /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "#ffffff" }) })
       ] })
     ]
   }

package/dist/{chunk-FMQ4HRKZ.mjs → chunk-HSPDIRTW.mjs}

@@ -720,7 +720,7 @@ var Video = lazy(
   () => import("./Video-KNTY5BNO.mjs").then((m) => ({ default: m.Video }))
 );
 var PackageManagerTabs = lazy(
-  () => import("./PackageManagerTabs-XW3AVXVX.mjs").then((m) => ({
+  () => import("./PackageManagerTabs-NVT7G625.mjs").then((m) => ({
     default: m.PackageManagerTabs
   }))
 );
@@ -1510,7 +1510,7 @@ var XformerlyTwitter = (props) => /* @__PURE__ */ jsx20("svg", { ...props, fill:
 // src/client/theme/ui/Navbar/Navbar.tsx
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var SearchDialog = React10.lazy(
-  () => import("./SearchDialog-5ISK64QY.mjs").then((m) => ({ default: m.SearchDialog }))
+  () => import("./SearchDialog-J3KNRGNO.mjs").then((m) => ({ default: m.SearchDialog }))
 );
 var ICON_MAP = {
   discord: Discord,

package/dist/client/index.css

@@ -1624,6 +1624,97 @@ a {
 .ld-list--arrow .ld-list__icon {
   color: var(--ld-color-primary);
 }
+.ld-file-tree {
+  margin: 1.5rem 0;
+  padding: 1rem;
+  border-radius: var(--ld-radius-lg);
+  border: 1px solid var(--ld-border-subtle);
+  background: var(--ld-bg-soft);
+  font-family: var(--ld-font-mono);
+  font-size: 0.875rem;
+  overflow-x: auto;
+}
+.ld-file-tree__list {
+  list-style: none !important;
+  margin: 0 !important;
+  padding: 0;
+  position: relative;
+}
+.ld-file-tree__list:not(.ld-file-tree__list--root) {
+  padding-left: 1.25rem;
+  margin-top: 0.25rem !important;
+  position: relative;
+}
+.ld-file-tree__list:not(.ld-file-tree__list--root)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0.45rem;
+  width: 1px;
+  background-color: var(--ld-border-subtle);
+  z-index: 0;
+}
+.ld-file-tree__item {
+  position: relative;
+  margin: 0.2rem 0 !important;
+  padding: 0 !important;
+  display: block !important;
+}
+.ld-file-tree__label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--ld-text-muted);
+  user-select: none;
+  border-radius: var(--ld-radius-sm);
+  padding: 0.25rem 0.6rem 0.25rem 0.4rem;
+  transition: all 0.2s ease;
+  position: relative;
+  z-index: 1;
+}
+.ld-file-tree__label:hover {
+  background: var(--ld-bg-mute);
+  color: var(--ld-text-main);
+}
+.ld-file-tree__label--folder {
+  color: var(--ld-text-main);
+  font-weight: 500;
+}
+.ld-file-tree__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0.8;
+  flex-shrink: 0;
+}
+.ld-file-tree__icon-folder {
+  color: var(--ld-color-primary);
+}
+.ld-file-tree__name {
+  white-space: nowrap;
+}
+.ld-file-tree__icon--chevron {
+  width: 14px;
+  height: 14px;
+  opacity: 0.5;
+  transition: opacity 0.2s ease;
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+}
+.ld-file-tree__label:hover .ld-file-tree__icon--chevron {
+  opacity: 1;
+}
+.ld-file-tree__chevron {
+  transition: transform 0.2s ease;
+}
+.ld-file-tree__chevron--open {
+  transform: rotate(90deg);
+}
+.ld-file-tree__icon--spacer {
+  width: 14px;
+}
 
 /* src/client/theme/components/PackageManagerTabs/pkg-tabs.css */
 .pkg-tabs-wrapper {

package/dist/client/index.d.mts

@@ -279,7 +279,6 @@ interface TabsProps {
  * <Tabs>
  *   <Tab label="npm">npm install boltdocs</Tab>
  *   <Tab label="pnpm">pnpm add boltdocs</Tab>
- *   <Tab label="yarn">yarn add boltdocs</Tab>
  * </Tabs>
  * ```
  */
@@ -326,4 +325,22 @@ interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
  */
 declare function List({ variant, children, className, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
 
-export { Admonition, type AdmonitionProps, BackgroundGradient, Badge, type BadgeProps, BoltdocsConfig, Breadcrumbs, Button, type ButtonProps, Card, type CardProps, Cards, type CardsProps, CodeBlock, ComponentRoute, CreateBoltdocsAppOptions, Danger, Head, InfoBox, List, type ListProps, Loading, Navbar, NotFound, Note, OnThisPage, Playground, Sidebar, Tab, type TabProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };
+interface FileTreeProps {
+    children: React.ReactNode;
+}
+/**
+ * FileTree component displays a customized, styled tree structure for markdown lists.
+ *
+ * ```mdx
+ * <FileTree>
+ * - src/
+ *   - index.ts
+ *   - components/
+ *     - Button.tsx
+ * - package.json
+ * </FileTree>
+ * ```
+ */
+declare function FileTree({ children }: FileTreeProps): react_jsx_runtime.JSX.Element;
+
+export { Admonition, type AdmonitionProps, BackgroundGradient, Badge, type BadgeProps, BoltdocsConfig, Breadcrumbs, Button, type ButtonProps, Card, type CardProps, Cards, type CardsProps, CodeBlock, ComponentRoute, CreateBoltdocsAppOptions, Danger, FileTree, type FileTreeProps, Head, InfoBox, List, type ListProps, Loading, Navbar, NotFound, Note, OnThisPage, Playground, Sidebar, Tab, type TabProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };

package/dist/client/index.d.ts

@@ -279,7 +279,6 @@ interface TabsProps {
  * <Tabs>
  *   <Tab label="npm">npm install boltdocs</Tab>
  *   <Tab label="pnpm">pnpm add boltdocs</Tab>
- *   <Tab label="yarn">yarn add boltdocs</Tab>
  * </Tabs>
  * ```
  */
@@ -326,4 +325,22 @@ interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
  */
 declare function List({ variant, children, className, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
 
-export { Admonition, type AdmonitionProps, BackgroundGradient, Badge, type BadgeProps, BoltdocsConfig, Breadcrumbs, Button, type ButtonProps, Card, type CardProps, Cards, type CardsProps, CodeBlock, ComponentRoute, CreateBoltdocsAppOptions, Danger, Head, InfoBox, List, type ListProps, Loading, Navbar, NotFound, Note, OnThisPage, Playground, Sidebar, Tab, type TabProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };
+interface FileTreeProps {
+    children: React.ReactNode;
+}
+/**
+ * FileTree component displays a customized, styled tree structure for markdown lists.
+ *
+ * ```mdx
+ * <FileTree>
+ * - src/
+ *   - index.ts
+ *   - components/
+ *     - Button.tsx
+ * - package.json
+ * </FileTree>
+ * ```
+ */
+declare function FileTree({ children }: FileTreeProps): react_jsx_runtime.JSX.Element;
+
+export { Admonition, type AdmonitionProps, BackgroundGradient, Badge, type BadgeProps, BoltdocsConfig, Breadcrumbs, Button, type ButtonProps, Card, type CardProps, Cards, type CardsProps, CodeBlock, ComponentRoute, CreateBoltdocsAppOptions, Danger, FileTree, type FileTreeProps, Head, InfoBox, List, type ListProps, Loading, Navbar, NotFound, Note, OnThisPage, Playground, Sidebar, Tab, type TabProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };

package/dist/client/index.js

@@ -2081,10 +2081,10 @@ var init_pnpm = __esm({
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__a40WtxIl8d", fill: "#f9ad00" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__h2CN9AEEpe", fill: "#f9ad00" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__dqv5133G8", fill: "#f9ad00" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "currentColor" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__b1Lv79ypvm", fill: "#ffffff" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__hy1IZWwLX", fill: "#ffffff" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__akQfjxQes", fill: "#ffffff" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("use", { xlinkHref: "#pnpm_dark__bdSrwE5pk", fill: "#ffffff" }) })
           ] })
         ]
       }
@@ -2558,6 +2558,7 @@ __export(client_exports, {
   Cards: () => Cards,
   CodeBlock: () => CodeBlock,
   Danger: () => Danger,
+  FileTree: () => FileTree,
   Head: () => Head,
   InfoBox: () => InfoBox,
   List: () => List,
@@ -2766,39 +2767,17 @@ init_npm();
 init_pnpm();
 init_bun();
 init_deno();
-
-// src/client/theme/icons/yarn.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var Yarn = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { ...props, viewBox: "0 0 256 256", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    "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__ */ (0, import_jsx_runtime33.jsx)(
-    "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
-var import_jsx_runtime34 = require("react/jsx-runtime");
 function Tab({ children }) {
-  const content = typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CodeBlock, { className: "language-bash", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("code", { children: children.trim() }) }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "ld-tab-panel", children: content });
+  const content = typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CodeBlock, { className: "language-bash", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("code", { children: children.trim() }) }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "ld-tab-panel", children: content });
 }
 var getIconForLabel = (label) => {
   const l = label.toLowerCase();
-  if (l.includes("npm")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NPM, {});
-  if (l.includes("pnpm")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Pnpm, {});
-  if (l.includes("yarn")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Yarn, {});
-  if (l.includes("bun")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Bun, {});
-  if (l.includes("deno")) return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Deno, {});
+  if (l.includes("pnpm")) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Pnpm, {});
+  if (l.includes("npm")) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NPM, {});
+  if (l.includes("bun")) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Bun, {});
+  if (l.includes("deno")) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Deno, {});
   return null;
 };
 function Tabs({ defaultIndex = 0, children }) {
@@ -2819,11 +2798,11 @@ function Tabs({ defaultIndex = 0, children }) {
       tabRefs.current[newIndex]?.focus();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ld-tabs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ld-tabs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime34.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         "button",
         {
           role: "tab",
@@ -2838,13 +2817,13 @@ function Tabs({ defaultIndex = 0, children }) {
           onClick: () => setActive(i),
           children: [
             Icon,
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: label })
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: label })
           ]
         },
         i
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         className: "ld-tabs__content",
@@ -2859,13 +2838,13 @@ function Tabs({ defaultIndex = 0, children }) {
 
 // src/client/theme/components/mdx/Admonition.tsx
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var ICON_MAP2 = {
-  note: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Bookmark, { size: 18 }),
-  tip: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Lightbulb, { size: 18 }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.Info, { size: 18 }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.AlertTriangle, { size: 18 }),
-  danger: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.ShieldAlert, { size: 18 })
+  note: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Bookmark, { size: 18 }),
+  tip: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Lightbulb, { size: 18 }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Info, { size: 18 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.AlertTriangle, { size: 18 }),
+  danger: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.ShieldAlert, { size: 18 })
 };
 var LABEL_MAP = {
   note: "Note",
@@ -2881,35 +2860,35 @@ function Admonition({
   className = "",
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       className: `ld-admonition ld-admonition--${type} ${className}`.trim(),
       role: type === "warning" || type === "danger" ? "alert" : "note",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "ld-admonition__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "ld-admonition__icon", children: ICON_MAP2[type] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ld-admonition__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ld-admonition__icon", children: ICON_MAP2[type] }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ld-admonition__body", children })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "ld-admonition__body", children })
       ]
     }
   );
 }
-var Note = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Admonition, { type: "note", ...props });
-var Tip = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Admonition, { type: "tip", ...props });
-var Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Admonition, { type: "warning", ...props });
-var Danger = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Admonition, { type: "danger", ...props });
-var InfoBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Admonition, { type: "info", ...props });
+var Note = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Admonition, { type: "note", ...props });
+var Tip = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Admonition, { type: "tip", ...props });
+var Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Admonition, { type: "warning", ...props });
+var Danger = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Admonition, { type: "danger", ...props });
+var InfoBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Admonition, { type: "info", ...props });
 
 // src/client/theme/components/mdx/List.tsx
 var import_react22 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var ICON_MAP3 = {
-  checked: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.Check, { size: 14, className: "ld-list__icon" }),
-  arrow: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.ChevronRight, { size: 14, className: "ld-list__icon" })
+  checked: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react17.Check, { size: 14, className: "ld-list__icon" }),
+  arrow: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react17.ChevronRight, { size: 14, className: "ld-list__icon" })
 };
 function List({
   variant = "default",
@@ -2918,17 +2897,154 @@ function List({
   ...rest
 }) {
   if (variant === "default") {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
   }
   const icon = ICON_MAP3[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: import_react22.Children.map(children, (child) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: import_react22.Children.map(children, (child) => {
     if (!import_react22.default.isValidElement(child)) return child;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { className: "ld-list__item", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("li", { className: "ld-list__item", children: [
       icon,
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-list__text", children: child.props.children })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "ld-list__text", children: child.props.children })
     ] });
   }) });
 }
+
+// src/client/theme/components/mdx/FileTree.tsx
+var import_react23 = __toESM(require("react"));
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime36 = require("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 ((0, import_react23.isValidElement)(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__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react18.FileCode, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
+  }
+  if (name.endsWith(".md") || name.endsWith(".mdx") || name.endsWith(".txt")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react18.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__ */ (0, import_jsx_runtime36.jsx)(
+      import_lucide_react18.FileImage,
+      {
+        size: 16,
+        strokeWidth: 2,
+        className: "ld-file-tree__icon-file"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react18.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] = (0, import_react23.useState)(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { className: "ld-file-tree__item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      "div",
+      {
+        className: "ld-file-tree__label ld-file-tree__label--folder",
+        onClick: () => setIsOpen(!isOpen),
+        style: { cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-file-tree__icon ld-file-tree__icon--chevron", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_lucide_react18.ChevronRight,
+            {
+              size: 14,
+              className: `ld-file-tree__chevron ${isOpen ? "ld-file-tree__chevron--open" : ""}`,
+              strokeWidth: 3
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-file-tree__icon", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_lucide_react18.Folder,
+            {
+              size: 16,
+              strokeWidth: 2,
+              className: "ld-file-tree__icon-folder",
+              fill: "currentColor",
+              fillOpacity: 0.15
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-file-tree__name", children: labelText })
+        ]
+      }
+    ),
+    isOpen && nestedNodes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ld-file-tree__nested", children: nestedNodes.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react23.default.Fragment, { children: parseNode(child, depth) }, index)) })
+  ] });
+}
+function parseNode(node, depth = 0) {
+  if (!(0, import_react23.isValidElement)(node)) {
+    return node;
+  }
+  if (isListElement(node, "ul")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "ul",
+      {
+        className: `ld-file-tree__list ${depth === 0 ? "ld-file-tree__list--root" : ""}`,
+        children: import_react23.Children.map(node.props.children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react23.default.Fragment, { children: parseNode(child, depth + 1) }, index))
+      }
+    );
+  }
+  if (isListElement(node, "li")) {
+    const children = import_react23.Children.toArray(node.props.children);
+    const nestedListIndex = children.findIndex(
+      (child) => (0, import_react23.isValidElement)(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__ */ (0, import_jsx_runtime36.jsx)(
+        FolderNode,
+        {
+          labelText,
+          nestedNodes,
+          depth
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { className: "ld-file-tree__item", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "ld-file-tree__label ld-file-tree__label--file", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-file-tree__icon ld-file-tree__icon--spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-file-tree__icon", children: getFileIcon(labelText) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ld-file-tree__name", children: labelText })
+    ] }) });
+  }
+  if (node.props.children) {
+    return import_react23.Children.map(node.props.children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react23.default.Fragment, { children: parseNode(child, depth) }, index));
+  }
+  return node;
+}
+function FileTree({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ld-file-tree", dir: "ltr", children: import_react23.Children.map(children, (child) => parseNode(child, 0)) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Admonition,
@@ -2940,6 +3056,7 @@ function List({
   Cards,
   CodeBlock,
   Danger,
+  FileTree,
   Head,
   InfoBox,
   List,