boltdocs 1.7.0 → 1.8.0

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,146 @@ 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 })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/client/theme/components/mdx/Field.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function Field({
+  name,
+  type,
+  defaultValue,
+  required = false,
+  children,
+  id,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: `ld-field ${className}`.trim(), id, children: [
+    /* @__PURE__ */ jsxs8("div", { className: "ld-field__header", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "ld-field__signature", children: [
+        /* @__PURE__ */ jsx10("code", { className: "ld-field__name", children: name }),
+        type && /* @__PURE__ */ jsx10("span", { className: "ld-field__type-badge", children: type }),
+        required && /* @__PURE__ */ jsx10("span", { className: "ld-field__required-badge", children: "required" })
+      ] }),
+      defaultValue && /* @__PURE__ */ jsxs8("div", { className: "ld-field__default", children: [
+        /* @__PURE__ */ jsx10("span", { className: "ld-field__default-label", children: "Default:" }),
+        /* @__PURE__ */ jsx10("code", { className: "ld-field__default-value", children: defaultValue })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10("div", { className: "ld-field__content", children })
   ] });
-  return /* @__PURE__ */ jsx9("div", { className: `ld-table-container ${className}`.trim(), children: /* @__PURE__ */ jsx9("table", { className: "ld-table", children: tableContent }) });
 }
 export {
   Admonition,
@@ -507,6 +635,7 @@ export {
   Cards,
   CodeBlock,
   Danger,
+  Field,
   FileTree,
   Head,
   InfoBox,

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