boltdocs 1.7.0 → 1.7.1

package/dist/client/index.mjs

@@ -10,7 +10,7 @@ import {
   Sidebar,
   ThemeLayout,
   createBoltdocsApp
-} from "../chunk-MULKZFVN.mjs";
+} from "../chunk-SFVOGJ2W.mjs";
 import {
   Video
 } from "../chunk-Z7JHYNAS.mjs";
@@ -484,18 +484,119 @@ function FileTree({ children }) {
 }
 
 // src/client/theme/components/mdx/Table.tsx
+import { useState as useState4, useMemo } from "react";
+import { ChevronUp, ChevronDown, ChevronLeft, ChevronRight as ChevronRight3, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Table({
   headers,
   data,
   children,
-  className = ""
+  className = "",
+  sortable = false,
+  paginated = false,
+  pageSize = 10
 }) {
+  const [sortConfig, setSortConfig] = useState4(null);
+  const [currentPage, setCurrentPage] = useState4(1);
+  const processedData = useMemo(() => {
+    if (!data) return [];
+    let items = [...data];
+    if (sortable && sortConfig !== null) {
+      items.sort((a, b) => {
+        const aVal = a[sortConfig.key];
+        const bVal = b[sortConfig.key];
+        const aStr = typeof aVal === "string" ? aVal : "";
+        const bStr = typeof bVal === "string" ? bVal : "";
+        if (aStr < bStr) return sortConfig.direction === "asc" ? -1 : 1;
+        if (aStr > bStr) return sortConfig.direction === "asc" ? 1 : -1;
+        return 0;
+      });
+    }
+    return items;
+  }, [data, sortConfig, sortable]);
+  const totalPages = Math.ceil(processedData.length / pageSize);
+  const paginatedData = useMemo(() => {
+    if (!paginated) return processedData;
+    const start = (currentPage - 1) * pageSize;
+    return processedData.slice(start, start + pageSize);
+  }, [processedData, paginated, currentPage, pageSize]);
+  const requestSort = (index) => {
+    if (!sortable) return;
+    let direction = "asc";
+    if (sortConfig && sortConfig.key === index && sortConfig.direction === "asc") {
+      direction = "desc";
+    }
+    setSortConfig({ key: index, direction });
+  };
+  const renderSortIcon = (index) => {
+    if (!sortable) return null;
+    if (sortConfig?.key !== index) return /* @__PURE__ */ jsx9(ChevronDown, { size: 14, className: "ld-table-sort-icon ld-table-sort-icon--hidden" });
+    return sortConfig.direction === "asc" ? /* @__PURE__ */ jsx9(ChevronUp, { size: 14, className: "ld-table-sort-icon" }) : /* @__PURE__ */ jsx9(ChevronDown, { size: 14, className: "ld-table-sort-icon" });
+  };
   const tableContent = children ? children : /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    headers && /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: headers.map((header, i) => /* @__PURE__ */ jsx9("th", { children: header }, i)) }) }),
-    data && /* @__PURE__ */ jsx9("tbody", { children: data.map((row, i) => /* @__PURE__ */ jsx9("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx9("td", { children: cell }, j)) }, i)) })
+    headers && /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: headers.map((header, i) => /* @__PURE__ */ jsx9(
+      "th",
+      {
+        onClick: () => requestSort(i),
+        className: sortable ? "ld-table-header--sortable" : "",
+        children: /* @__PURE__ */ jsxs7("div", { className: "ld-table-header-content", children: [
+          header,
+          renderSortIcon(i)
+        ] })
+      },
+      i
+    )) }) }),
+    paginatedData && /* @__PURE__ */ jsx9("tbody", { children: paginatedData.map((row, i) => /* @__PURE__ */ jsx9("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx9("td", { children: cell }, j)) }, i)) })
+  ] });
+  return /* @__PURE__ */ jsxs7("div", { className: `ld-table-container ${className}`.trim(), children: [
+    /* @__PURE__ */ jsx9("div", { className: "ld-table-wrapper", children: /* @__PURE__ */ jsx9("table", { className: "ld-table", children: tableContent }) }),
+    paginated && totalPages > 1 && /* @__PURE__ */ jsxs7("div", { className: "ld-table-pagination", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "ld-table-pagination-info", children: [
+        "Page ",
+        currentPage,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "ld-table-pagination-controls", children: [
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage(1),
+            disabled: currentPage === 1,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronsLeft, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
+            disabled: currentPage === 1,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronLeft, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)),
+            disabled: currentPage === totalPages,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronRight3, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage(totalPages),
+            disabled: currentPage === totalPages,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronsRight, { size: 16 })
+          }
+        )
+      ] })
+    ] })
   ] });
-  return /* @__PURE__ */ jsx9("div", { className: `ld-table-container ${className}`.trim(), children: /* @__PURE__ */ jsx9("table", { className: "ld-table", children: tableContent }) });
 }
 export {
   Admonition,

package/dist/client/ssr.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/ssr.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as ComponentRoute } from '../types-CviV0GbX.mjs';
+import { a as ComponentRoute } from '../types-BbceAHA0.mjs';
 
 /**
  * Options for rendering the Boltdocs application on the server (SSG).

package/dist/client/ssr.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as ComponentRoute } from '../types-CviV0GbX.js';
+import { a as ComponentRoute } from '../types-BbceAHA0.js';
 
 /**
  * Options for rendering the Boltdocs application on the server (SSG).