boltdocs 1.10.2 → 2.0.0

package/dist/client/index.mjs

@@ -1,697 +1 @@
-import {
-  Breadcrumbs,
-  CodeBlock,
-  Head,
-  Loading,
-  Navbar,
-  NotFound,
-  OnThisPage,
-  Sidebar,
-  ThemeLayout,
-  createBoltdocsApp
-} from "../chunk-TKLQWU7H.mjs";
-import {
-  Video
-} from "../chunk-Z7JHYNAS.mjs";
-import {
-  Bun,
-  Deno,
-  NPM,
-  Pnpm
-} from "../chunk-7SFUJWTB.mjs";
-import "../chunk-FMTOYQLO.mjs";
-
-// src/client/theme/components/Playground/Playground.tsx
-import React, { useState, useMemo } from "react";
-import { LiveProvider, LiveEditor, LiveError, LivePreview } from "react-live";
-import { Copy, Check, Terminal, Play } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function prepareCode(raw) {
-  const trimmed = (raw || "").trim();
-  const fnMatch = trimmed.match(/export\s+default\s+function\s+(\w+)/);
-  if (fnMatch) {
-    const name = fnMatch[1];
-    const code = trimmed.replace(/export\s+default\s+/, "") + `
-
-render(<${name} />);`;
-    return { code, noInline: true };
-  }
-  const varMatch = trimmed.match(/export\s+default\s+(\w+)\s*;?\s*$/);
-  if (varMatch) {
-    const name = varMatch[1];
-    const code = trimmed.replace(/export\s+default\s+\w+\s*;?\s*$/, "") + `
-render(<${name} />);`;
-    return { code, noInline: true };
-  }
-  return { code: trimmed, noInline: false };
-}
-function Playground({
-  code: propsCode,
-  children,
-  preview,
-  scope = {},
-  readonly = false,
-  noInline: forceNoInline
-}) {
-  const initialCode = useMemo(() => {
-    let base = propsCode || "";
-    if (!base && typeof children === "string") {
-      base = children;
-    }
-    return base.trim();
-  }, [propsCode, children]);
-  const prepared = useMemo(() => prepareCode(initialCode), [initialCode]);
-  const useNoInline = forceNoInline ?? prepared.noInline;
-  const [copied, setCopied] = useState(false);
-  const [activeCode, setActiveCode] = useState(prepared.code);
-  const [isExpanded, setIsExpanded] = useState(false);
-  React.useEffect(() => {
-    setActiveCode(prepared.code);
-  }, [prepared.code]);
-  const handleCopy = () => {
-    const textToCopy = !!preview ? initialCode : activeCode;
-    navigator.clipboard.writeText(textToCopy);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  const extendedScope = { React, ...scope };
-  const charLimit = 800;
-  const isExpandable = (propsCode || initialCode).length > charLimit;
-  const shouldTruncate = isExpandable && !isExpanded;
-  const isStatic = !!preview;
-  const staticTransform = (code) => {
-    return "render(<div style={{display:'none'}} />)";
-  };
-  return /* @__PURE__ */ jsx("div", { className: `boltdocs-playground ${shouldTruncate ? "is-truncated" : ""}`, "data-readonly": readonly || isStatic, children: /* @__PURE__ */ jsxs("div", { className: "playground-split-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "playground-panel playground-preview-panel", children: [
-      /* @__PURE__ */ jsx("div", { className: "playground-panel-header", children: /* @__PURE__ */ jsxs("div", { className: "playground-panel-title", children: [
-        /* @__PURE__ */ jsx(Play, { size: 14 }),
-        /* @__PURE__ */ jsx("span", { children: "Preview" })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "playground-panel-content playground-preview", children: isStatic ? preview : /* @__PURE__ */ jsxs(
-        LiveProvider,
-        {
-          code: activeCode,
-          scope: extendedScope,
-          theme: void 0,
-          noInline: useNoInline,
-          children: [
-            /* @__PURE__ */ jsx(LivePreview, {}),
-            /* @__PURE__ */ jsx(LiveError, { className: "playground-error" })
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "playground-panel playground-editor-panel", children: [
-      !isStatic && /* @__PURE__ */ jsx("div", { className: "playground-panel-header", children: /* @__PURE__ */ jsxs("div", { className: "playground-panel-title", children: [
-        /* @__PURE__ */ jsx(Terminal, { size: 14 }),
-        /* @__PURE__ */ jsx("span", { children: readonly ? "Code Example" : "Live Editor" })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "playground-panel-content playground-editor", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "playground-copy-btn-inner",
-            onClick: handleCopy,
-            title: "Copy code",
-            children: copied ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 })
-          }
-        ),
-        isStatic ? /* @__PURE__ */ jsx(
-          LiveProvider,
-          {
-            code: initialCode,
-            noInline: true,
-            transformCode: staticTransform,
-            children: /* @__PURE__ */ jsx(LiveEditor, { disabled: true })
-          }
-        ) : /* @__PURE__ */ jsx(
-          LiveProvider,
-          {
-            code: activeCode,
-            scope: extendedScope,
-            theme: void 0,
-            noInline: useNoInline,
-            children: /* @__PURE__ */ jsx(LiveEditor, { disabled: readonly, onChange: setActiveCode })
-          }
-        )
-      ] }),
-      isExpandable && /* @__PURE__ */ jsx("div", { className: "playground-expand-wrapper", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "playground-expand-btn",
-          onClick: () => setIsExpanded(!isExpanded),
-          children: isExpanded ? "Show less" : "Expand code"
-        }
-      ) })
-    ] })
-  ] }) });
-}
-
-// src/client/theme/components/mdx/Button.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Button({
-  variant = "primary",
-  size = "md",
-  href,
-  children,
-  className = "",
-  ...rest
-}) {
-  const cls = `ld-btn ld-btn--${variant} ld-btn--${size} ${className}`.trim();
-  if (href) {
-    return /* @__PURE__ */ jsx2(
-      "a",
-      {
-        href,
-        style: { textDecoration: "none" },
-        className: cls,
-        ...rest,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx2("button", { className: cls, ...rest, children });
-}
-
-// src/client/theme/components/mdx/Badge.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Badge({
-  variant = "default",
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx3(
-    "span",
-    {
-      className: `ld-badge ld-badge--${variant} ${className}`.trim(),
-      ...rest,
-      children
-    }
-  );
-}
-
-// src/client/theme/components/mdx/Card.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function Cards({
-  cols = 3,
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx4("div", { className: `ld-cards ld-cards--${cols} ${className}`.trim(), ...rest, children });
-}
-function Card({
-  title,
-  icon,
-  href,
-  children,
-  className = "",
-  ...rest
-}) {
-  const inner = /* @__PURE__ */ jsxs2(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx4("span", { className: "ld-card__icon", children: icon }),
-    title && /* @__PURE__ */ jsx4("h3", { className: "ld-card__title", children: title }),
-    children && /* @__PURE__ */ jsx4("div", { className: "ld-card__body", children })
-  ] });
-  if (href) {
-    return /* @__PURE__ */ jsx4(
-      "a",
-      {
-        href,
-        className: `ld-card ld-card--link ${className}`.trim(),
-        ...rest,
-        children: inner
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx4("div", { className: `ld-card ${className}`.trim(), ...rest, children: inner });
-}
-
-// src/client/theme/components/mdx/Tabs.tsx
-import { useState as useState2, Children, isValidElement, useRef } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function Tab({ children }) {
-  const content = typeof children === "string" ? /* @__PURE__ */ jsx5(CodeBlock, { className: "language-bash", children: /* @__PURE__ */ jsx5("code", { children: children.trim() }) }) : children;
-  return /* @__PURE__ */ jsx5("div", { className: "ld-tab-panel", children: content });
-}
-var getIconForLabel = (label) => {
-  const l = label.toLowerCase();
-  if (l.includes("pnpm")) return /* @__PURE__ */ jsx5(Pnpm, {});
-  if (l.includes("npm")) return /* @__PURE__ */ jsx5(NPM, {});
-  if (l.includes("bun")) return /* @__PURE__ */ jsx5(Bun, {});
-  if (l.includes("deno")) return /* @__PURE__ */ jsx5(Deno, {});
-  return null;
-};
-function Tabs({ defaultIndex = 0, children }) {
-  const [active, setActive] = useState2(defaultIndex);
-  const tabRefs = useRef([]);
-  const tabs = Children.toArray(children).filter(
-    (child) => isValidElement(child) && child.props?.label
-  );
-  const handleKeyDown = (e) => {
-    let newIndex = active;
-    if (e.key === "ArrowRight") {
-      newIndex = (active + 1) % tabs.length;
-    } else if (e.key === "ArrowLeft") {
-      newIndex = (active - 1 + tabs.length) % tabs.length;
-    }
-    if (newIndex !== active) {
-      setActive(newIndex);
-      tabRefs.current[newIndex]?.focus();
-    }
-  };
-  return /* @__PURE__ */ jsxs3("div", { className: "ld-tabs", children: [
-    /* @__PURE__ */ jsx5("div", { className: "ld-tabs__bar", role: "tablist", onKeyDown: handleKeyDown, children: tabs.map((child, i) => {
-      const label = child.props.label;
-      const Icon = getIconForLabel(label);
-      return /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          role: "tab",
-          "aria-selected": i === active,
-          "aria-controls": `tabpanel-${i}`,
-          id: `tab-${i}`,
-          tabIndex: i === active ? 0 : -1,
-          ref: (el) => {
-            tabRefs.current[i] = el;
-          },
-          className: `ld-tabs__trigger ${i === active ? "ld-tabs__trigger--active" : ""}`,
-          onClick: () => setActive(i),
-          children: [
-            Icon,
-            /* @__PURE__ */ jsx5("span", { children: label })
-          ]
-        },
-        i
-      );
-    }) }),
-    /* @__PURE__ */ jsx5(
-      "div",
-      {
-        className: "ld-tabs__content",
-        role: "tabpanel",
-        id: `tabpanel-${active}`,
-        "aria-labelledby": `tab-${active}`,
-        children: tabs[active]
-      }
-    )
-  ] });
-}
-
-// src/client/theme/components/mdx/Admonition.tsx
-import {
-  Info,
-  Lightbulb,
-  AlertTriangle,
-  ShieldAlert,
-  Bookmark
-} from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var ICON_MAP = {
-  note: /* @__PURE__ */ jsx6(Bookmark, { size: 18 }),
-  tip: /* @__PURE__ */ jsx6(Lightbulb, { size: 18 }),
-  info: /* @__PURE__ */ jsx6(Info, { size: 18 }),
-  warning: /* @__PURE__ */ jsx6(AlertTriangle, { size: 18 }),
-  danger: /* @__PURE__ */ jsx6(ShieldAlert, { size: 18 })
-};
-var LABEL_MAP = {
-  note: "Note",
-  tip: "Tip",
-  info: "Info",
-  warning: "Warning",
-  danger: "Danger"
-};
-function Admonition({
-  type = "note",
-  title,
-  children,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: `ld-admonition ld-admonition--${type} ${className}`.trim(),
-      role: type === "warning" || type === "danger" ? "alert" : "note",
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxs4("div", { className: "ld-admonition__header", children: [
-          /* @__PURE__ */ jsx6("span", { className: "ld-admonition__icon", children: ICON_MAP[type] }),
-          /* @__PURE__ */ jsx6("span", { className: "ld-admonition__title", children: title || LABEL_MAP[type] })
-        ] }),
-        /* @__PURE__ */ jsx6("div", { className: "ld-admonition__body", children })
-      ]
-    }
-  );
-}
-var Note = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "note", ...props });
-var Tip = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "tip", ...props });
-var Warning = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "warning", ...props });
-var Danger = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "danger", ...props });
-var InfoBox = (props) => /* @__PURE__ */ jsx6(Admonition, { type: "info", ...props });
-
-// src/client/theme/components/mdx/List.tsx
-import React3, { Children as Children2 } from "react";
-import { Check as Check2, ChevronRight } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var ICON_MAP2 = {
-  checked: /* @__PURE__ */ jsx7(Check2, { size: 14, className: "ld-list__icon" }),
-  arrow: /* @__PURE__ */ jsx7(ChevronRight, { size: 14, className: "ld-list__icon" })
-};
-function List({
-  variant = "default",
-  children,
-  className = "",
-  ...rest
-}) {
-  if (variant === "default") {
-    return /* @__PURE__ */ jsx7("ul", { className: `ld-list ${className}`.trim(), ...rest, children });
-  }
-  const icon = ICON_MAP2[variant];
-  return /* @__PURE__ */ jsx7("ul", { className: `ld-list ld-list--${variant} ${className}`.trim(), ...rest, children: Children2.map(children, (child) => {
-    if (!React3.isValidElement(child)) return child;
-    return /* @__PURE__ */ jsxs5("li", { className: "ld-list__item", children: [
-      icon,
-      /* @__PURE__ */ jsx7("span", { className: "ld-list__text", children: child.props.children })
-    ] });
-  }) });
-}
-
-// src/client/theme/components/mdx/FileTree.tsx
-import React4, { Children as Children3, isValidElement as isValidElement2, useState as useState3 } from "react";
-import {
-  Folder,
-  FileText,
-  File,
-  FileCode,
-  FileImage,
-  ChevronRight as ChevronRight2
-} from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function getTextContent(node) {
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return node.toString();
-  if (Array.isArray(node)) return node.map(getTextContent).join("");
-  if (isValidElement2(node)) {
-    return getTextContent(node.props.children);
-  }
-  return "";
-}
-function getFileIcon(filename) {
-  const name = filename.toLowerCase();
-  if (name.endsWith(".ts") || name.endsWith(".tsx") || name.endsWith(".js") || name.endsWith(".jsx") || name.endsWith(".json") || name.endsWith(".mjs") || name.endsWith(".cjs") || name.endsWith(".astro") || name.endsWith(".vue") || name.endsWith(".svelte")) {
-    return /* @__PURE__ */ jsx8(FileCode, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
-  }
-  if (name.endsWith(".md") || name.endsWith(".mdx") || name.endsWith(".txt")) {
-    return /* @__PURE__ */ jsx8(FileText, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
-  }
-  if (name.endsWith(".png") || name.endsWith(".jpg") || name.endsWith(".jpeg") || name.endsWith(".svg") || name.endsWith(".gif")) {
-    return /* @__PURE__ */ jsx8(
-      FileImage,
-      {
-        size: 16,
-        strokeWidth: 2,
-        className: "ld-file-tree__icon-file"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx8(File, { size: 16, strokeWidth: 2, className: "ld-file-tree__icon-file" });
-}
-function isListElement(node, tag) {
-  if (typeof node.type === "string") {
-    return node.type === tag;
-  }
-  if (typeof node.type === "function") {
-    return node.type.name === tag || node.type.name?.toLowerCase() === tag;
-  }
-  if (node.props && node.props.originalType === tag) {
-    return true;
-  }
-  if (node.props && node.props.mdxType === tag) {
-    return true;
-  }
-  return false;
-}
-function FolderNode({
-  labelText,
-  nestedNodes,
-  depth
-}) {
-  const [isOpen, setIsOpen] = useState3(true);
-  return /* @__PURE__ */ jsxs6("li", { className: "ld-file-tree__item", children: [
-    /* @__PURE__ */ jsxs6(
-      "div",
-      {
-        className: "ld-file-tree__label ld-file-tree__label--folder",
-        onClick: () => setIsOpen(!isOpen),
-        style: { cursor: "pointer" },
-        children: [
-          /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon ld-file-tree__icon--chevron", children: /* @__PURE__ */ jsx8(
-            ChevronRight2,
-            {
-              size: 14,
-              className: `ld-file-tree__chevron ${isOpen ? "ld-file-tree__chevron--open" : ""}`,
-              strokeWidth: 3
-            }
-          ) }),
-          /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon", children: /* @__PURE__ */ jsx8(
-            Folder,
-            {
-              size: 16,
-              strokeWidth: 2,
-              className: "ld-file-tree__icon-folder",
-              fill: "currentColor",
-              fillOpacity: 0.15
-            }
-          ) }),
-          /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__name", children: labelText })
-        ]
-      }
-    ),
-    isOpen && nestedNodes.length > 0 && /* @__PURE__ */ jsx8("div", { className: "ld-file-tree__nested", children: nestedNodes.map((child, index) => /* @__PURE__ */ jsx8(React4.Fragment, { children: parseNode(child, depth) }, index)) })
-  ] });
-}
-function parseNode(node, depth = 0) {
-  if (!isValidElement2(node)) {
-    return node;
-  }
-  if (isListElement(node, "ul")) {
-    return /* @__PURE__ */ jsx8(
-      "ul",
-      {
-        className: `ld-file-tree__list ${depth === 0 ? "ld-file-tree__list--root" : ""}`,
-        children: Children3.map(node.props.children, (child, index) => /* @__PURE__ */ jsx8(React4.Fragment, { children: parseNode(child, depth + 1) }, index))
-      }
-    );
-  }
-  if (isListElement(node, "li")) {
-    const children = Children3.toArray(node.props.children);
-    const nestedListIndex = children.findIndex(
-      (child) => isValidElement2(child) && isListElement(child, "ul")
-    );
-    const hasNested = nestedListIndex !== -1;
-    const labelNodes = hasNested ? children.slice(0, nestedListIndex) : children;
-    const nestedNodes = hasNested ? children.slice(nestedListIndex) : [];
-    const rawLabelContent = getTextContent(labelNodes).trim();
-    const isExplicitDir = rawLabelContent.endsWith("/");
-    const labelText = isExplicitDir ? rawLabelContent.slice(0, -1) : rawLabelContent;
-    const isFolder = hasNested || isExplicitDir;
-    if (isFolder) {
-      return /* @__PURE__ */ jsx8(
-        FolderNode,
-        {
-          labelText,
-          nestedNodes,
-          depth
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx8("li", { className: "ld-file-tree__item", children: /* @__PURE__ */ jsxs6("div", { className: "ld-file-tree__label ld-file-tree__label--file", children: [
-      /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon ld-file-tree__icon--spacer" }),
-      /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__icon", children: getFileIcon(labelText) }),
-      /* @__PURE__ */ jsx8("span", { className: "ld-file-tree__name", children: labelText })
-    ] }) });
-  }
-  if (node.props.children) {
-    return Children3.map(node.props.children, (child, index) => /* @__PURE__ */ jsx8(React4.Fragment, { children: parseNode(child, depth) }, index));
-  }
-  return node;
-}
-function FileTree({ children }) {
-  return /* @__PURE__ */ jsx8("div", { className: "ld-file-tree", dir: "ltr", children: Children3.map(children, (child) => parseNode(child, 0)) });
-}
-
-// src/client/theme/components/mdx/Table.tsx
-import { useState as useState4, useMemo as useMemo2 } 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 = "",
-  sortable = false,
-  paginated = false,
-  pageSize = 10
-}) {
-  const [sortConfig, setSortConfig] = useState4(null);
-  const [currentPage, setCurrentPage] = useState4(1);
-  const processedData = useMemo2(() => {
-    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 = useMemo2(() => {
-    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",
-      {
-        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 })
-  ] });
-}
-export {
-  Admonition,
-  Badge,
-  Breadcrumbs,
-  Button,
-  Card,
-  Cards,
-  CodeBlock,
-  Danger,
-  Field,
-  FileTree,
-  Head,
-  InfoBox,
-  List,
-  Loading,
-  Navbar,
-  NotFound,
-  Note,
-  OnThisPage,
-  Playground,
-  Sidebar,
-  Tab,
-  Table,
-  Tabs,
-  ThemeLayout,
-  Tip,
-  Video,
-  Warning,
-  createBoltdocsApp
-};
+import{a as Ee,b as Oe,c as _,e as st}from"../chunk-QYPNX5UN.mjs";import{a as O,b as pe,c as ue,d as de,e as fe,f as ge,g as he,h as be,i as ve}from"../chunk-IWHRQHS7.mjs";import{A as it,B as U,a as Me,b as De,c as He,d as $e,e as Ae,f as ze,g as Ge,h as _e,i as Fe,j as Ve,k as qe,l as Ue,m as We,n as Je,o as Ye,p as Ze,q as Ke,r as Qe,s as Xe,t as je,u as et,v as tt,w as ot,x as rt,y as nt,z as at}from"../chunk-A4HQPEPU.mjs";import{b as G}from"../chunk-BA5NH5HU.mjs";import{A as ce,F as N,a as v,b as ne,d as E,e as ae,h as d,q as ie,r as se,s as me,t as y,u as x,v as F,w as k,x as le,y as V,z as q}from"../chunk-BQCD3DWG.mjs";import{b as P}from"../chunk-XEAPSFMB.mjs";import"../chunk-JZXLCA2E.mjs";import{jsx as R}from"react/jsx-runtime";function mt({children:e,className:t,style:r}){return R("div",{className:v("h-screen flex flex-col overflow-hidden bg-bg-main text-text-main",t),style:r,children:e})}function lt({children:e,className:t,style:r}){return R("div",{className:v("mx-auto flex flex-1 w-full max-w-(--breakpoint-3xl) bg-bg-main overflow-hidden",t),style:r,children:e})}function ct({children:e,className:t,style:r}){return R("main",{className:v("boltdocs-content flex-1 min-w-0 overflow-y-auto",t),style:r,children:R("div",{className:"boltdocs-page mx-auto max-w-content-max pt-4 pb-20 px-4 sm:px-8",children:e})})}function pt({children:e,className:t,style:r}){return R("div",{className:v("flex items-center justify-between mb-10",t),style:r,children:e})}function ut({children:e,className:t,style:r}){return R("div",{className:v("mt-20",t),style:r,children:e})}var C=Object.assign(mt,{Body:lt,Content:ct,ContentHeader:pt,ContentFooter:ut});import{Suspense as Lt,lazy as Tt}from"react";import{useEffect as dt,useState as ft}from"react";import{Sun as gt,Moon as ht}from"lucide-react";import{ToggleButton as bt}from"react-aria-components";import{jsx as A}from"react/jsx-runtime";function xe(){let{theme:e,toggleTheme:t}=G(),[r,o]=ft(!1);return dt(()=>{o(!0)},[]),r?A(bt,{onChange:t,className:"flex h-9 w-9 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-main","aria-label":"Toggle theme",isSelected:e==="dark",children:e==="dark"?A(gt,{size:20,className:"animate-in fade-in zoom-in duration-300"}):A(ht,{size:20,className:"animate-in fade-in zoom-in duration-300"})}):A("div",{className:"h-9 w-9"})}import{useEffect as Pt,useState as yt}from"react";var vt="https://api.github.com";async function Pe(e,t,r=vt){let o=new Headers;t&&o.append("authorization",t);let n=await(await fetch(`${r}/repos/${e}`,{headers:o})).json();return n.stargazers_count!==void 0?xt(n.stargazers_count):"0"}var xt=e=>Intl.NumberFormat("en",{notation:"compact",compactDisplay:"short"}).format(e);import{jsx as ye,jsxs as Nt}from"react/jsx-runtime";function Ne({repo:e}){let[t,r]=yt(null);return Pt(()=>{e&&Pe(e).then(o=>r(o)).catch(()=>r("0"))},[e]),Nt("a",{href:`https://github.com/${e}`,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 rounded-md border border-border-subtle bg-bg-surface px-2.5 py-1.5 text-xs font-medium text-text-muted transition-all hover:bg-bg-main hover:border-border-strong hover:text-text-main",children:[ye(ae,{className:"h-4 w-4"}),t&&ye("span",{className:"tabular-nums",children:t})]})}import*as Ct from"lucide-react";import{jsx as B,jsxs as Ce}from"react/jsx-runtime";function Le({tabs:e,routes:t}){let{indicatorStyle:r,tabRefs:o,activeIndex:i}=fe(e,t),n=a=>{if(!a)return null;if(a.trim().startsWith("<svg"))return B("span",{className:"h-4 w-4",dangerouslySetInnerHTML:{__html:a}});let m=Ct[a];return m?B(m,{size:16}):B("img",{src:a,alt:"",className:"h-4 w-4 object-contain"})};return B("div",{className:"mx-auto max-w-(--breakpoint-3xl) px-4 md:px-6",children:Ce(F.TabsList,{className:"border-none py-0",children:[e.map((a,m)=>{let l=m===i,h=t.find(g=>g.tab&&g.tab.toLowerCase()===a.id.toLowerCase()),c=h?h.path:"#";return Ce(ne,{href:c,ref:g=>{o.current[m]=g},className:`relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors outline-none ${l?"text-primary-500":"text-text-muted hover:text-text-main"}`,children:[n(a.icon),B("span",{children:a.text})]},a.id)}),B(F.TabsIndicator,{style:r})]})})}import{useLocation as St}from"react-router-dom";import{ChevronDown as Te}from"lucide-react";import{jsx as s,jsxs as I}from"react/jsx-runtime";var wt=Tt(()=>import("../search-dialog-EB3N4TYM.mjs").then(e=>({default:e.SearchDialog})));function W(){let{links:e,title:t,logo:r,logoProps:o,github:i,social:n,config:a}=pe(),{routes:m,allRoutes:l,currentVersion:h,currentLocale:c}=O(),{pathname:g}=St(),{themeConfig:w}=P(),oe=w?.tabs&&w.tabs.length>0;return I(d.NavbarRoot,{className:oe?"border-b-0":"",children:[I(d.Content,{children:[I(d.NavbarLeft,{children:[s(d.NavbarLogo,{src:r??"",alt:o?.alt||t,width:o?.width??24,height:o?.height??24}),s(d.Title,{children:t}),a.versions&&h&&s(kt,{}),s(d.Links,{children:e.map($=>s(d.Link,{...$},$.href))})]}),s(d.NavbarCenter,{children:s(Lt,{fallback:s("div",{className:"h-9 w-32 animate-pulse rounded-md bg-bg-surface"}),children:s(wt,{routes:m||[]})})}),I(d.NavbarRight,{children:[a.i18n&&c&&s(Rt,{}),s(d.Split,{}),s(xe,{}),i&&s(Ne,{repo:w?.githubRepo??""}),n.length>0&&s(d.Split,{}),s("div",{className:"flex items-center gap-1",children:n.map(({icon:$,link:re})=>s(d.Socials,{icon:$,link:re,className:"p-1.5"},re))})]})]}),g!=="/"&&oe&&a.themeConfig?.tabs&&s("div",{className:"w-full border-b border-border-subtle bg-bg-main",children:s(Le,{tabs:a.themeConfig.tabs,routes:l||m||[]})})]})}function kt(){let{currentVersionLabel:e,availableVersions:t,handleVersionChange:r}=ue();return t.length===0?null:I(N.Trigger,{children:[s(E,{variant:"outline",iconPosition:"right",icon:s(Te,{}),children:e}),s(N.Section,{items:t,children:o=>s(N.Item,{onPress:()=>r(o.value),children:o.label},`${o.value??""}`)})]})}function Rt(){let{currentLocaleLabel:e,availableLocales:t,handleLocaleChange:r}=de();return t.length===0?null:I(N.Trigger,{children:[s(E,{variant:"outline",iconPosition:"right",icon:s(Te,{}),children:e}),s(N.Section,{items:t,children:o=>s(N.Item,{onPress:()=>r(o.value),children:o.label},`${o.value??""}`)})]})}import{useState as It,useEffect as Et,useMemo as Ot}from"react";import{Zap as Bt}from"lucide-react";import{jsx as J,jsxs as Se}from"react/jsx-runtime";function we(){return J("div",{className:"rounded-full px-4 py-2 bg-gray-100 text-xs text-gray-500 flex items-center gap-1 mt-6 justify-center",children:Se("a",{href:"https://github.com/jesusalcaladev/boltdocs",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-1",children:[J(Bt,{className:"powered-by-icon",size:12,fill:"currentColor"}),Se("span",{children:["Powered by ",J("strong",{children:"Boltdocs"})]})]})})}import*as Mt from"lucide-react";import{jsx as L,jsxs as Ht}from"react/jsx-runtime";function ke(e){return e&&Mt[e]||void 0}function Dt({group:e,activePath:t,getIcon:r}){let o=Ot(()=>e.routes.some(a=>a.path===t),[e.routes,t]),[i,n]=It(!0);return Et(()=>{o&&n(!0)},[o]),L(k.SidebarGroup,{title:e.title,isOpen:i,onToggle:()=>n(!i),children:e.routes.map(a=>L(k.SidebarLink,{label:a.title,href:a.path,active:t===a.path,icon:r(a.icon),badge:a.badge},a.path))})}function Y({routes:e,config:t}){let{groups:r,ungrouped:o,activePath:i}=ge(e);return Ht(k.SidebarRoot,{children:[o.length>0&&L(k.SidebarGroup,{className:"mb-6",children:o.map(n=>L(k.SidebarLink,{label:n.title,href:n.path,active:i===n.path,icon:ke(n.icon),badge:n.badge},n.path))}),r.map(n=>L(Dt,{group:n,activePath:i,getIcon:ke},n.slug)),t.themeConfig?.poweredBy&&L("div",{className:"mt-auto pt-8",children:L(we,{})})]})}import $t,{useRef as Re,useEffect as At,useState as zt,useCallback as Gt}from"react";import{Pencil as _t,CircleHelp as Ft,TextAlignStart as Vt}from"lucide-react";import{jsx as f,jsxs as T}from"react/jsx-runtime";function Z({headings:e=[],editLink:t,communityHelp:r,filePath:o}){let{headings:i}=he(e),n=$t.useMemo(()=>i.map(a=>({title:a.text,url:`#${a.id}`,depth:a.level})),[i]);return i.length===0?null:f(me,{toc:n,children:f(qt,{headings:i,editLink:t,communityHelp:r,filePath:o})})}function qt({headings:e,editLink:t,communityHelp:r,filePath:o}){let i=ie(),[n,a]=zt({opacity:0}),m=Re(null),l=Re(null);At(()=>{if(!i||!m.current)return;let c=m.current.querySelector(`a[href="#${i}"]`);c&&a({transform:`translateY(${c.offsetTop}px)`,height:`${c.offsetHeight}px`,opacity:1})},[i]);let h=Gt((c,g)=>{c.preventDefault();let w=document.getElementById(g);w&&(w.scrollIntoView({behavior:"smooth"}),window.history.pushState(null,"",`#${g}`))},[]);return T(y.OnThisPageRoot,{children:[T(y.OnThisPageHeader,{className:"flex flex-row gap-x-2",children:[f(Vt,{size:16}),"On this page"]}),f(se,{containerRef:l,children:T(y.OnThisPageContent,{className:"max-h-[450px] boltdocs-otp-scroll-area",ref:l,children:[f(y.OnThisPageIndicator,{style:n}),f("ul",{className:"relative space-y-2 border-l border-border-subtle",ref:m,children:e.map(c=>f(y.OnThisPageItem,{level:c.level,children:f(y.OnThisPageLink,{href:`#${c.id}`,active:i===c.id,onClick:g=>h(g,c.id),className:"pl-4",children:c.text})},c.id))})]})}),(t||r)&&T("div",{className:"mt-8 pt-8 border-t border-border-subtle space-y-4",children:[f("p",{className:"text-xs font-bold uppercase tracking-wider text-text-main",children:"Need help?"}),T("ul",{className:"space-y-3",children:[t&&o&&f("li",{children:T("a",{href:t.replace(":path",o),target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 text-sm text-text-muted hover:text-text-main transition-colors",children:[f(_t,{size:16}),"Edit this page"]})}),r&&f("li",{children:T("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 text-sm text-text-muted hover:text-text-main transition-colors",children:[f(Ft,{size:16}),"Community help"]})})]})]})]})}import{useEffect as Ut}from"react";import{useLocation as Wt}from"react-router-dom";function K({siteTitle:e,siteDescription:t,routes:r}){let o=Wt();return Ut(()=>{let i=r.find(h=>h.path===o.pathname),n=i?.title,a=i?.description||t||"";document.title=n?`${n} | ${e}`:e;let m=document.querySelector('meta[name="description"]');m||(m=document.createElement("meta"),m.name="description",document.head.appendChild(m)),m.content=a,S("property","og:title",document.title),S("property","og:description",a),S("property","og:type","article"),S("property","og:url",window.location.href),S("name","twitter:card","summary"),S("name","twitter:title",document.title),S("name","twitter:description",a);let l=document.querySelector('link[rel="canonical"]');l||(l=document.createElement("link"),l.rel="canonical",document.head.appendChild(l)),l.href=window.location.origin+o.pathname},[o.pathname,e,t,r]),null}function S(e,t,r){let o=document.querySelector(`meta[${e}="${t}"]`);o||(o=document.createElement("meta"),o.setAttribute(e,t),document.head.appendChild(o)),o.content=r}import{Home as Jt}from"lucide-react";import{jsx as M,jsxs as Be}from"react/jsx-runtime";function Q(){let{crumbs:e,activeRoute:t}=be(),r=P();return e.length===0||!r.themeConfig?.breadcrumbs?null:Be(le,{children:[M(V,{children:M(q,{href:"/",children:M(Jt,{size:14})})}),e.map((o,i)=>Be(V,{children:[M(ce,{}),M(q,{href:o.href,className:v({"font-medium text-text-main":o.href===t?.path}),children:o.label})]},`crumb-${o.href}-${o.label}-${i}`))]})}import{jsx as D,jsxs as X}from"react/jsx-runtime";function j(){let{prevPage:e,nextPage:t}=ve();return!e&&!t?null:X(x.PageNavRoot,{children:[e?X(x.PageNavLink,{to:e.path,direction:"prev",children:[D(x.PageNavLink.Title,{children:"Previous"}),D(x.PageNavLink.Description,{children:e.title})]}):D("div",{}),t&&X(x.PageNavLink,{to:t.path,direction:"next",children:[D(x.PageNavLink.Title,{children:"Next"}),D(x.PageNavLink.Description,{children:t.title})]})]})}import{useEffect as Yt,useState as Zt}from"react";import{ProgressBar as Kt}from"react-aria-components";import{jsx as Ie}from"react/jsx-runtime";function ee(){let[e,t]=Zt(0);return Yt(()=>{let r=null,o,i=()=>{if(!r)return;let{scrollTop:a,scrollHeight:m,clientHeight:l}=r;if(m<=l){t(0);return}let h=a/(m-l)*100;t(Math.min(100,Math.max(0,h)))},n=()=>(r=document.querySelector(".boltdocs-content"),r?(r.addEventListener("scroll",i),i(),o&&clearInterval(o),!0):!1);return n()||(o=setInterval(n,100)),()=>{r&&r.removeEventListener("scroll",i),o&&clearInterval(o)}},[]),Ie(Kt,{value:e,"aria-label":"Reading progress",className:"fixed top-0 left-0 right-0 z-999 h-0.5 bg-transparent w-full pointer-events-none",children:({percentage:r})=>Ie("div",{className:"h-full bg-primary-500 transition-[width] duration-300 ease-out shadow-[0_0_8px_rgba(var(--primary-rgb),0.4)]",style:{width:`${r}%`}})})}import{Component as Qt}from"react";import{jsx as te,jsxs as Xt}from"react/jsx-runtime";var H=class extends Qt{state={hasError:!1};static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,r){console.error("Uncaught error in Boltdocs Layout:",t,r)}render(){return this.state.hasError?this.props.fallback||Xt("div",{className:"flex flex-col items-center justify-center min-h-[40vh] text-center gap-4 px-4",children:[te("div",{className:"text-lg font-bold text-red-400",children:"Something went wrong"}),te("p",{className:"text-sm text-text-muted max-w-md",children:this.state.error?.message||"An unexpected error occurred while rendering this page."}),te(E,{className:"rounded-lg border border-border-subtle bg-bg-surface px-5 py-2 text-sm font-medium text-text-main transition-colors hover:bg-bg-muted cursor-pointer",onPress:()=>this.setState({hasError:!1}),children:"Try again"})]}):this.props.children}};import{useLocation as jt}from"react-router-dom";import{jsx as b,jsxs as z}from"react/jsx-runtime";function eo({children:e}){let{routes:t,allRoutes:r,currentRoute:o}=O(),{pathname:i}=jt(),n=P(),m=_().CopyMarkdown||U,l=i==="/"||i==="";return z(C,{children:[b(ee,{}),b(K,{siteTitle:n.themeConfig?.title||"Boltdocs",siteDescription:n.themeConfig?.description||"",routes:r}),b(W,{}),z(C.Body,{children:[!l&&b(Y,{routes:t,config:n}),z(C.Content,{children:[!l&&z(C.ContentHeader,{children:[b(Q,{}),b(m,{mdxRaw:o?._rawContent,route:o,config:n.themeConfig?.copyMarkdown})]}),b(H,{children:e}),!l&&b(C.ContentFooter,{children:b(j,{})})]}),!l&&b(Z,{headings:o?.headings,editLink:n.themeConfig?.editLink,communityHelp:n.themeConfig?.communityHelp,filePath:o?.filePath})]})]})}export{Ue as Admonition,Fe as Badge,Q as Breadcrumbs,Me as Button,qe as Card,Ve as Cards,Xe as Caution,Ae as CodeBlock,it as ComponentPreview,at as ComponentProps,U as CopyMarkdown,Ze as Danger,eo as DefaultLayout,C as DocsLayout,H as ErrorBoundary,ot as Field,et as FileTree,K as Head,nt as Image,Qe as Important,Ke as InfoBox,rt as Link,je as List,Oe as Loading,W as Navbar,Ee as NotFound,We as Note,Z as OnThisPage,j as PageNav,ee as ProgressBar,Y as Sidebar,ze as Tab,tt as Table,Ge as Tabs,Je as Tip,_e as Video,Ye as Warning,st as createBoltdocsApp,De as defineSandbox,$e as embedSandbox,He as openSandbox,P as useConfig,_ as useMdxComponents,O as useRoutes,G as useTheme};