boltdocs 1.7.0 → 1.7.1

package/dist/client/index.css

@@ -55,6 +55,28 @@
   color: #94a3b8;
 }
 
+/* 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;
+}
+.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 */
 :root[data-theme=light],
 :root.theme-light {
@@ -185,6 +207,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 +515,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 +538,8 @@ a {
   overflow-x: auto;
   scrollbar-width: none;
   padding: 0 1.5rem;
+  position: relative;
+  height: 100%;
 }
 .boltdocs-tabs::-webkit-scrollbar {
   display: none;
@@ -507,6 +558,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 +586,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 +1886,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 +1911,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 +1950,43 @@ 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;
+}
 
 /* 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,10 @@ interface TableProps {
     data?: (string | React.ReactNode)[][];
     children?: React.ReactNode;
     className?: string;
+    sortable?: boolean;
+    paginated?: boolean;
+    pageSize?: number;
 }
-/**
- * A consistent, themed table component for documentation.
- * Can be used by passing structured 'headers' and 'data' props,
- * or by wrapping standard <thead>/<tbody> elements.
- */
-declare function Table({ headers, data, children, className, }: TableProps): react_jsx_runtime.JSX.Element;
+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 };

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,10 @@ interface TableProps {
     data?: (string | React.ReactNode)[][];
     children?: React.ReactNode;
     className?: string;
+    sortable?: boolean;
+    paginated?: boolean;
+    pageSize?: number;
 }
-/**
- * A consistent, themed table component for documentation.
- * Can be used by passing structured 'headers' and 'data' props,
- * or by wrapping standard <thead>/<tbody> elements.
- */
-declare function Table({ headers, data, children, className, }: TableProps): react_jsx_runtime.JSX.Element;
+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 };