boltdocs 1.7.0 → 1.8.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,16 +41,27 @@
   -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;
+
+/* src/client/theme/ui/ProgressBar/ProgressBar.css */
+.boltdocs-progress-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  z-index: 1000;
+  pointer-events: none;
+  background: transparent;
 }
-[data-theme=dark] .boltdocs-link-preview-summary {
-  color: #94a3b8;
+.boltdocs-progress-bar {
+  height: 100%;
+  background:
+    linear-gradient(
+      90deg,
+      var(--ld-color-primary),
+      var(--ld-gradient-to, var(--ld-color-primary)));
+  box-shadow: 0 0 8px var(--ld-color-primary-glow);
+  transition: width 0.1s ease-out;
 }
 
 /* src/client/theme/styles/variables.css */
@@ -81,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;
@@ -185,6 +194,23 @@
   --ld-radius-md: 8px;
   --ld-radius-lg: 12px;
   --ld-radius-full: 9999px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ld-border-strong) transparent;
+}
+*::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: var(--ld-border-strong);
+  border-radius: 20px;
+  border: transparent;
+}
+*::-webkit-scrollbar-thumb:hover {
+  background-color: var(--ld-text-dim);
 }
 
 /* src/client/theme/ui/Layout/base.css */
@@ -476,11 +502,21 @@ a {
   height: 18px;
 }
 .boltdocs-tabs-container {
-  border-bottom: 1px solid var(--ld-border-subtle);
+  position: relative;
   background: var(--ld-navbar-bg);
   padding: 0;
   height: 46px;
 }
+.boltdocs-tabs-container::after {
+  content: "";
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: var(--ld-border-subtle);
+  z-index: 10;
+}
 .boltdocs-tabs {
   max-width: 1440px;
   margin: 0 auto;
@@ -489,6 +525,8 @@ a {
   overflow-x: auto;
   scrollbar-width: none;
   padding: 0 1.5rem;
+  position: relative;
+  height: 100%;
 }
 .boltdocs-tabs::-webkit-scrollbar {
   display: none;
@@ -507,6 +545,7 @@ a {
   align-items: center;
   gap: 0.6rem;
   opacity: 0.7;
+  z-index: 20;
 }
 .boltdocs-tab-item:hover {
   color: var(--ld-text-main);
@@ -534,24 +573,21 @@ a {
   opacity: 1;
   text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
 }
-.boltdocs-tab-item::after {
-  content: "";
+.boltdocs-tab-indicator {
   position: absolute;
   bottom: 0px;
   left: 0;
-  right: 0;
   height: 3px;
-  background: var(--ld-primary);
+  background: var(--ld-color-primary);
   border-radius: 2px 2px 0 0;
-  box-shadow: 0 0 12px rgba(var(--ld-primary-rgb), 0.6);
-  opacity: 0;
-  transform: scaleX(0);
-  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-  z-index: 10;
-}
-.boltdocs-tab-item.active::after {
-  opacity: 1;
-  transform: scaleX(1);
+  box-shadow: 0 -2px 15px var(--ld-color-primary-glow);
+  transition:
+    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+    opacity 0.3s ease;
+  z-index: 100;
+  pointer-events: none;
+  transform-origin: left;
 }
 
 /* src/client/theme/ui/Sidebar/sidebar.css */
@@ -1837,7 +1873,12 @@ a {
   border-radius: var(--ld-radius-lg);
   overflow: hidden;
   background: var(--ld-bg-soft);
+  display: flex;
+  flex-direction: column;
+}
+.ld-table-wrapper {
   overflow-x: auto;
+  scrollbar-width: thin;
 }
 .ld-table {
   width: 100%;
@@ -1857,6 +1898,30 @@ a {
   font-size: 0.8125rem;
   text-transform: uppercase;
   letter-spacing: 0.04em;
+  white-space: nowrap;
+}
+.ld-table-header--sortable {
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+.ld-table-header--sortable:hover {
+  background-color: var(--ld-bg-soft);
+}
+.ld-table-header-content {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.ld-table-sort-icon {
+  opacity: 0.8;
+  color: var(--ld-color-primary);
+  transition: opacity 0.2s;
+}
+.ld-table-sort-icon--hidden {
+  opacity: 0;
+}
+.ld-table-header--sortable:hover .ld-table-sort-icon--hidden {
+  opacity: 0.3;
 }
 .ld-table td {
   padding: 0.875rem 1rem;
@@ -1872,6 +1937,126 @@ a {
   background: rgba(255, 255, 255, 0.05);
   border-radius: 4px;
 }
+.ld-table-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75rem 1rem;
+  background: var(--ld-bg-mute);
+  border-top: 1px solid var(--ld-border-subtle);
+  font-size: 0.75rem;
+  color: var(--ld-text-dim);
+}
+.ld-table-pagination-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.ld-table-pagination-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--ld-radius-md);
+  border: 1px solid var(--ld-border-subtle);
+  background: var(--ld-bg-soft);
+  color: var(--ld-text-muted);
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.ld-table-pagination-btn:hover:not(:disabled) {
+  background: var(--ld-bg-mute);
+  color: var(--ld-text-main);
+  border-color: var(--ld-border-strong);
+}
+.ld-table-pagination-btn:disabled {
+  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-CviV0GbX.mjs';
+import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-BbceAHA0.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import 'vite';
@@ -349,12 +349,31 @@ interface TableProps {
     data?: (string | React.ReactNode)[][];
     children?: React.ReactNode;
     className?: string;
+    sortable?: boolean;
+    paginated?: boolean;
+    pageSize?: number;
+}
+declare function Table({ headers, data, children, className, sortable, paginated, pageSize, }: TableProps): react_jsx_runtime.JSX.Element;
+
+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 consistent, themed table component for documentation.
- * Can be used by passing structured 'headers' and 'data' props,
- * or by wrapping standard <thead>/<tbody> elements.
+ * A highly aesthetic and readable component for documenting API fields/properties.
  */
-declare function Table({ headers, data, children, className, }: TableProps): react_jsx_runtime.JSX.Element;
+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, 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 };
+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-CviV0GbX.js';
+import { C as CreateBoltdocsAppOptions, a as ComponentRoute } from '../types-BbceAHA0.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import 'vite';
@@ -349,12 +349,31 @@ interface TableProps {
     data?: (string | React.ReactNode)[][];
     children?: React.ReactNode;
     className?: string;
+    sortable?: boolean;
+    paginated?: boolean;
+    pageSize?: number;
+}
+declare function Table({ headers, data, children, className, sortable, paginated, pageSize, }: TableProps): react_jsx_runtime.JSX.Element;
+
+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 consistent, themed table component for documentation.
- * Can be used by passing structured 'headers' and 'data' props,
- * or by wrapping standard <thead>/<tbody> elements.
+ * A highly aesthetic and readable component for documenting API fields/properties.
  */
-declare function Table({ headers, data, children, className, }: TableProps): react_jsx_runtime.JSX.Element;
+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, 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 };
+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 };