boltdocs 1.4.1 → 1.6.0

package/dist/client/index.css

@@ -1,5 +1,58 @@
 @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
 
+/* src/client/theme/ui/Link/link-preview.css */
+.boltdocs-link-preview {
+  position: fixed;
+  z-index: 1000;
+  width: 320px;
+  padding: 1rem;
+  background-color: var(--ld-navbar-bg);
+  backdrop-filter: blur(var(--ld-navbar-blur));
+  -webkit-backdrop-filter: blur(var(--ld-navbar-blur));
+  border: 1px solid var(--ld-border-subtle);
+  border-radius: var(--ld-radius-md);
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  pointer-events: none;
+  opacity: 0;
+  transform: translateY(10px) scale(0.95);
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  font-family: var(--ld-font-sans);
+}
+.boltdocs-link-preview.is-visible {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+.boltdocs-link-preview-title {
+  display: block;
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: var(--ld-text-main);
+  margin-bottom: 0.5rem;
+  line-height: 1.4;
+}
+.boltdocs-link-preview-summary {
+  display: block;
+  font-size: 0.85rem;
+  color: var(--ld-text-muted);
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+[data-theme=dark] .boltdocs-link-preview {
+  background-color: var(--ld-navbar-bg);
+  border-color: var(--ld-border-subtle);
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
+}
+[data-theme=dark] .boltdocs-link-preview-title {
+  color: #f8fafc;
+}
+[data-theme=dark] .boltdocs-link-preview-summary {
+  color: #94a3b8;
+}
+
 /* src/client/theme/styles/variables.css */
 :root[data-theme=light],
 :root.theme-light {
@@ -1072,7 +1125,7 @@ a {
   right: 0.75rem;
   z-index: 50;
   padding: 0.4rem;
-  background-color: rgba(20, 20, 30, 0.8);
+  background-color: var(--ld-surface);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   border: 1px solid var(--ld-border-subtle);
@@ -1081,13 +1134,9 @@ a {
   cursor: pointer;
   transition: all 0.2s ease;
   opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
 }
 .code-block-wrapper:hover .code-block-copy {
   opacity: 1;
-  visibility: visible;
-  pointer-events: auto;
 }
 .code-block-copy:hover {
   color: var(--ld-text-main);
@@ -1575,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

@@ -1,6 +1,6 @@
-import { B as BoltdocsConfig } from '../config-BD5ZHz15.mjs';
-export { a as BoltdocsThemeConfig } from '../config-BD5ZHz15.mjs';
-import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-CvrzTbEX.mjs';
+import { B as BoltdocsConfig } from '../config-DkZg5aCf.mjs';
+export { a as BoltdocsThemeConfig } from '../config-DkZg5aCf.mjs';
+import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-DGIo1VKD.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import 'vite';
@@ -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

@@ -1,6 +1,6 @@
-import { B as BoltdocsConfig } from '../config-BD5ZHz15.js';
-export { a as BoltdocsThemeConfig } from '../config-BD5ZHz15.js';
-import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-CvrzTbEX.js';
+import { B as BoltdocsConfig } from '../config-DkZg5aCf.js';
+export { a as BoltdocsThemeConfig } from '../config-DkZg5aCf.js';
+import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-DGIo1VKD.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import 'vite';
@@ -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 };