boltdocs 1.7.1 → 1.9.0

package/dist/client/index.css

@@ -18,8 +18,6 @@
 .boltdocs-link-preview-content {
   padding: 0.85rem 1rem;
   background-color: var(--ld-navbar-bg);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
   border: 1px solid var(--ld-border-subtle);
   border-radius: var(--ld-radius-lg);
   box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2), 0 4px 10px -5px rgba(0, 0, 0, 0.1);
@@ -43,17 +41,6 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-[data-theme=dark] .boltdocs-link-preview-content {
-  background-color: rgba(15, 15, 20, 0.8);
-  border-color: rgba(255, 255, 255, 0.08);
-  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
-}
-[data-theme=dark] .boltdocs-link-preview-title {
-  color: #fff;
-}
-[data-theme=dark] .boltdocs-link-preview-summary {
-  color: #94a3b8;
-}
 
 /* src/client/theme/ui/ProgressBar/ProgressBar.css */
 .boltdocs-progress-container {
@@ -103,7 +90,7 @@
   --ld-code-bg: #f3f4f6;
   --ld-code-header: #e5e7eb;
   --ld-code-text: #1f2937;
-  --ld-navbar-bg: rgba(255, 255, 255, 0.82);
+  --ld-navbar-bg: #ffffff;
   --ld-navbar-blur: 12px;
   --ld-sidebar-bg: transparent;
   --ld-sidebar-blur: 0px;
@@ -298,9 +285,23 @@ a {
   width: 800px;
   height: 800px;
   background: var(--ld-glow-2-bg);
-  right: -300px;
   top: -200px;
 }
+.boltdocs-page {
+  position: relative;
+}
+.boltdocs-page-header {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  justify-content: flex-end;
+  padding: 1rem 0;
+  pointer-events: none;
+}
+.boltdocs-page-header > * {
+  pointer-events: auto;
+}
 
 /* src/client/theme/ui/Navbar/navbar.css */
 .boltdocs-navbar {
@@ -1105,6 +1106,109 @@ a {
   }
 }
 
+/* src/client/theme/ui/CopyMarkdown/copy-markdown.css */
+.boltdocs-copy-markdown {
+  position: relative;
+  display: inline-block;
+  z-index: 100;
+}
+.copy-btn-group {
+  display: flex;
+  align-items: stretch;
+  background-color: var(--ld-bg-mute);
+  border: 1px solid var(--ld-border-subtle);
+  border-radius: var(--ld-radius-full);
+  overflow: hidden;
+  transition: all 0.2s ease;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+}
+.copy-btn-group:hover {
+  border-color: var(--ld-color-primary-hover);
+  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15);
+}
+.copy-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  background: transparent;
+  border: none;
+  color: var(--ld-text-main);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+.copy-btn:hover {
+  background-color: var(--ld-bg-soft);
+}
+.copy-label {
+  white-space: nowrap;
+}
+.copy-dropdown-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10px;
+  background: rgba(255, 255, 255, 0.03);
+  border: none;
+  border-left: 1px solid var(--ld-border-subtle);
+  color: var(--ld-text-muted);
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.copy-dropdown-toggle:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: var(--ld-text-main);
+}
+.copy-dropdown-toggle .arrow-icon {
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.copy-dropdown-toggle.is-active .arrow-icon {
+  transform: rotate(180deg);
+}
+.copy-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  width: 200px;
+  background: var(--ld-bg-main);
+  border: 1px solid var(--ld-border-subtle);
+  border-radius: var(--ld-radius-lg);
+  padding: 4px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+  overflow: hidden;
+  animation: boltdocs-fade-in 0.2s ease;
+}
+.copy-option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 10px 12px;
+  background: transparent;
+  border: none;
+  border-radius: 8px;
+  color: var(--ld-text-main);
+  font-size: 14px;
+  text-align: left;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+.copy-option:hover {
+  background-color: var(--ld-bg-soft);
+}
+@keyframes boltdocs-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 /* src/client/theme/styles/markdown.css */
 .boltdocs-content {
   flex: 1;
@@ -1987,6 +2091,89 @@ a {
   opacity: 0.4;
   cursor: not-allowed;
 }
+.ld-field {
+  margin: 1.5rem 0;
+  padding: 1.25rem;
+  border-radius: var(--ld-radius-lg);
+  border: 1px solid var(--ld-border-subtle);
+  background: var(--ld-bg-soft);
+  position: relative;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.ld-field:hover {
+  border-color: var(--ld-color-primary);
+  box-shadow: 0 4px 20px -8px rgba(127, 19, 236, 0.15);
+}
+.ld-field__header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 0.85rem;
+  padding-bottom: 0.85rem;
+  border-bottom: 1px solid var(--ld-border-subtle);
+}
+.ld-field__signature {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.ld-field__name {
+  font-family: var(--ld-font-mono);
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: var(--ld-text-main);
+  background: rgba(127, 19, 236, 0.08);
+  padding: 0.2rem 0.6rem;
+  border-radius: var(--ld-radius-sm);
+  letter-spacing: -0.01em;
+}
+.ld-field__type-badge {
+  font-family: var(--ld-font-mono);
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--ld-color-primary);
+  background: var(--ld-color-primary-muted);
+  padding: 0.15rem 0.5rem;
+  border-radius: var(--ld-radius-full);
+  border: 1px solid rgba(127, 19, 236, 0.2);
+}
+.ld-field__required-badge {
+  font-size: 0.7rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  color: var(--ld-ui-danger-text);
+  background: var(--ld-ui-danger-bg);
+  padding: 0.1rem 0.4rem;
+  border-radius: var(--ld-radius-sm);
+  letter-spacing: 0.05em;
+}
+.ld-field__default {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.8rem;
+}
+.ld-field__default-label {
+  color: var(--ld-text-dim);
+  font-weight: 500;
+}
+.ld-field__default-value {
+  font-family: var(--ld-font-mono);
+  color: var(--ld-text-main);
+  background: var(--ld-bg-mute);
+  padding: 0.15rem 0.4rem;
+  border-radius: var(--ld-radius-sm);
+}
+.ld-field__content {
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: var(--ld-text-muted);
+}
+.ld-field__content p {
+  margin: 0;
+}
 
 /* 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-D68h41CA.mjs';
-export { a as BoltdocsThemeConfig } from '../config-D68h41CA.mjs';
-import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-BbceAHA0.mjs';
+import { B as BoltdocsConfig } from '../config-BsFQ-ErD.mjs';
+export { a as BoltdocsThemeConfig } from '../config-BsFQ-ErD.mjs';
+import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-Dj-bfnC3.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import 'vite';
@@ -355,4 +355,25 @@ interface TableProps {
 }
 declare function Table({ headers, data, children, className, sortable, paginated, pageSize, }: TableProps): 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, Table, type TableProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };
+interface FieldProps {
+    /** The name of the property or field */
+    name: string;
+    /** The data type of the field (e.g., "string", "number", "boolean") */
+    type?: string;
+    /** The default value if not provided */
+    defaultValue?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Description or additional content */
+    children: React.ReactNode;
+    /** Optional anchor ID for linking */
+    id?: string;
+    /** Optional extra class name */
+    className?: string;
+}
+/**
+ * A highly aesthetic and readable component for documenting API fields/properties.
+ */
+declare function Field({ name, type, defaultValue, required, children, id, className, }: FieldProps): 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, Field, type FieldProps, FileTree, type FileTreeProps, Head, InfoBox, List, type ListProps, Loading, Navbar, NotFound, Note, OnThisPage, Playground, Sidebar, Tab, type TabProps, Table, type TableProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };

package/dist/client/index.d.ts

@@ -1,6 +1,6 @@
-import { B as BoltdocsConfig } from '../config-D68h41CA.js';
-export { a as BoltdocsThemeConfig } from '../config-D68h41CA.js';
-import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-BbceAHA0.js';
+import { B as BoltdocsConfig } from '../config-BsFQ-ErD.js';
+export { a as BoltdocsThemeConfig } from '../config-BsFQ-ErD.js';
+import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-Dj-bfnC3.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import 'vite';
@@ -355,4 +355,25 @@ interface TableProps {
 }
 declare function Table({ headers, data, children, className, sortable, paginated, pageSize, }: TableProps): 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, Table, type TableProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };
+interface FieldProps {
+    /** The name of the property or field */
+    name: string;
+    /** The data type of the field (e.g., "string", "number", "boolean") */
+    type?: string;
+    /** The default value if not provided */
+    defaultValue?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Description or additional content */
+    children: React.ReactNode;
+    /** Optional anchor ID for linking */
+    id?: string;
+    /** Optional extra class name */
+    className?: string;
+}
+/**
+ * A highly aesthetic and readable component for documenting API fields/properties.
+ */
+declare function Field({ name, type, defaultValue, required, children, id, className, }: FieldProps): 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, Field, type FieldProps, FileTree, type FileTreeProps, Head, InfoBox, List, type ListProps, Loading, Navbar, NotFound, Note, OnThisPage, Playground, Sidebar, Tab, type TabProps, Table, type TableProps, Tabs, type TabsProps, ThemeLayout, Tip, Video, Warning, createBoltdocsApp };