@geenius/docs 0.5.0 → 0.9.0

package/packages/solidjs-css/dist/index.d.ts

@@ -1,16 +1,17 @@
-import { BreadcrumbItem, DocPage as DocPage$1, SearchResult, DocSection, TocItem, DocsConfig } from '@geenius/docs-shared';
-export { BreadcrumbItem, DocAccess, DocPage as DocPageType, DocSection, DocStatus, DocsConfig, SearchResult, TocItem } from '@geenius/docs-shared';
+import { BreadcrumbItem, DocPage as DocPage$1, SearchResult, DocSection, TocItem, DocsConfig } from '@geenius/docs/shared';
+export { BreadcrumbItem, DocAccess, DocPage as DocPageType, DocSection, DocStatus, DocsConfig, SearchResult, TocItem } from '@geenius/docs/shared';
 import { JSX, Accessor } from 'solid-js';
 
 /**
  * @module docsSolidCssBreadcrumbs
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders breadcrumb navigation for the SolidJS CSS docs variant
  * using the shared vanilla CSS class contract.
  */
 
 interface BreadcrumbsProps {
     items: BreadcrumbItem[];
+    class?: string;
 }
 /**
  * Renders a breadcrumb trail for docs pages.
@@ -22,13 +23,14 @@ declare function Breadcrumbs(props: BreadcrumbsProps): JSX.Element | null;
 
 /**
  * @module docsSolidCssDocPage
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders authored docs content for the SolidJS CSS variant using
  * safe Markdown output and the shared vanilla CSS class contract.
  */
 
 interface DocPageProps {
     page: DocPage$1;
+    class?: string;
 }
 /**
  * Renders a documentation page body.
@@ -40,7 +42,7 @@ declare function DocPage(props: DocPageProps): JSX.Element;
 
 /**
  * @module docsSolidCssDocSearch
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Provides the accessible command-palette-style search dialog for
  * the SolidJS CSS docs variant.
  */
@@ -52,6 +54,7 @@ interface DocSearchProps {
     onSelect: (result: SearchResult) => void;
     isOpen: boolean;
     onClose: () => void;
+    class?: string;
 }
 /**
  * Renders the modal docs search experience.
@@ -63,7 +66,7 @@ declare function DocSearch(props: DocSearchProps): JSX.Element | null;
 
 /**
  * @module docsSolidCssDocSidebar
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders the hierarchical documentation sidebar for the SolidJS
  * CSS variant with local disclosure state and the shared vanilla CSS class
  * contract.
@@ -76,6 +79,7 @@ interface DocSidebarProps {
     })[];
     currentPageId?: string;
     onNavigate: (page: DocPage$1, section: DocSection) => void;
+    class?: string;
 }
 /**
  * Renders the documentation sidebar tree.
@@ -87,7 +91,7 @@ declare function DocSidebar(props: DocSidebarProps): JSX.Element;
 
 /**
  * @module docsSolidCssDocsLayout
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Composes the sidebar, content column, breadcrumbs, and table
  * of contents for the SolidJS CSS docs variant.
  */
@@ -95,6 +99,7 @@ declare function DocSidebar(props: DocSidebarProps): JSX.Element;
 interface DocsLayoutProps {
     sections: (DocSection & {
         pages?: DocPage$1[];
+        pageCount?: number;
     })[];
     currentPage?: DocPage$1;
     toc?: TocItem[];
@@ -103,6 +108,7 @@ interface DocsLayoutProps {
     currentPageId?: string;
     onNavigate: (page: DocPage$1, section: DocSection) => void;
     children: JSX.Element;
+    class?: string;
 }
 /**
  * Renders the shared docs layout shell for the SolidJS CSS package.
@@ -114,7 +120,7 @@ declare function DocsLayout(props: DocsLayoutProps): JSX.Element;
 
 /**
  * @module docsSolidCssEditButton
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Exposes the CSS-backed edit-link affordance for SolidJS docs
  * pages so hosts can route users to the source repository without Tailwind
  * utilities.
@@ -123,6 +129,7 @@ declare function DocsLayout(props: DocsLayoutProps): JSX.Element;
 interface EditButtonProps {
     pageSlug: string;
     editUrl?: string;
+    class?: string;
 }
 /**
  * Renders the "Edit this page" link when source editing is configured.
@@ -134,7 +141,7 @@ declare function EditButton(props: EditButtonProps): JSX.Element | null;
 
 /**
  * @module docsSolidCssPageNavigation
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders previous and next page affordances for the SolidJS CSS
  * docs variant using the shared vanilla CSS navigation classes.
  */
@@ -148,6 +155,7 @@ interface PageNavigationProps {
         title: string;
         href: string;
     };
+    class?: string;
 }
 /**
  * Renders previous and next page links for the current article.
@@ -159,7 +167,7 @@ declare function PageNavigation(props: PageNavigationProps): JSX.Element | null;
 
 /**
  * @module docsSolidCssTableOfContents
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders the CSS-backed table of contents tree for the SolidJS
  * docs variant.
  */
@@ -167,6 +175,7 @@ declare function PageNavigation(props: PageNavigationProps): JSX.Element | null;
 interface TableOfContentsProps {
     toc: TocItem[];
     activeId?: string;
+    class?: string;
 }
 /**
  * Renders the page table of contents.
@@ -178,7 +187,7 @@ declare function TableOfContents(props: TableOfContentsProps): JSX.Element | nul
 
 /**
  * @module docsSolidCssVersionSelector
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Provides the CSS-backed version selector for the SolidJS docs
  * variant using a native select for accessibility and low runtime overhead.
  */
@@ -187,6 +196,7 @@ interface VersionSelectorProps {
     versions: string[];
     current: string;
     onSelect: (version: string) => void;
+    class?: string;
 }
 /**
  * Renders a version switcher when multiple docs versions exist.
@@ -198,7 +208,7 @@ declare function VersionSelector(props: VersionSelectorProps): JSX.Element | nul
 
 /**
  * @module docsSolidCssDocSearchPage
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders the standalone SolidJS CSS full-page docs search
  * experience using local search results and vanilla CSS layouts.
  */
@@ -209,6 +219,7 @@ interface DocSearchPageProps {
         pageCount: number;
     })[] | undefined>;
     onSelectPage?: (page: DocPage$1, section: DocSection) => void;
+    class?: string;
 }
 /**
  * Full-page search experience for the standalone SolidJS CSS docs variant.
@@ -220,7 +231,7 @@ declare function DocSearchPage(props: DocSearchPageProps): JSX.Element;
 
 /**
  * @module docsSolidCssCreateDocsAdmin
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Adapts transport-level docs admin mutations into stable
  * SolidJS-friendly callbacks for the CSS variant.
  */
@@ -285,7 +296,7 @@ declare function createDocsAdmin(mutations: {
 
 /**
  * @module docsSolidCssDocsAdminPage
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders the standalone SolidJS CSS admin surface for managing
  * docs sections and pages using the package-local vanilla CSS panel styles.
  */
@@ -297,6 +308,7 @@ interface DocsAdminPageProps {
     })[] | undefined>;
     allPages?: DocPage$1[];
     admin: DocsAdminActions;
+    class?: string;
 }
 /**
  * Admin page for section and page management in the SolidJS CSS variant.
@@ -308,7 +320,7 @@ declare function DocsAdminPage(props: DocsAdminPageProps): JSX.Element;
 
 /**
  * @module docsSolidCssDocsIndexPage
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders the SolidJS CSS docs landing page with section cards,
  * recent pages, and a package-local search trigger.
  */
@@ -319,6 +331,7 @@ interface DocsIndexPageProps {
         pageCount: number;
     })[] | undefined>;
     onSelectPage?: (page: DocPage$1, section: DocSection) => void;
+    class?: string;
 }
 /**
  * Landing page for the standalone SolidJS CSS docs experience.
@@ -330,7 +343,7 @@ declare function DocsIndexPage(props: DocsIndexPageProps): JSX.Element;
 
 /**
  * @module docsSolidCssDocViewPage
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Renders the SolidJS CSS docs detail page with local layout, TOC
  * tracking, navigation footer, and metadata presentation.
  */
@@ -344,6 +357,7 @@ interface DocViewPageProps {
     editPageUrl?: string;
     onNavigate: (page: DocPage$1, section: DocSection) => void;
     onIncrementView?: (pageId: string) => void;
+    class?: string;
 }
 /**
  * Page view for the standalone SolidJS CSS docs variant.
@@ -355,7 +369,7 @@ declare function DocViewPage(props: DocViewPageProps): JSX.Element;
 
 /**
  * @module docsSolidCssCreateDocSearch
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Implements debounced docs search state for the SolidJS CSS
  * variant so modal and page-level search flows share the same behavior.
  */
@@ -387,7 +401,7 @@ declare function createDocSearch(searchFn: (query: string) => SearchResult[] | P
 
 /**
  * @module docsSolidCssCreateDocs
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Provides the SolidJS CSS docs state primitive that mirrors the
  * Tailwind SolidJS surface while staying local to the CSS package.
  */
@@ -435,7 +449,7 @@ declare function createDocs(tree: Accessor<(DocSection & {
 
 /**
  * @module docsSolidCssCreateTableOfContents
- * @package @geenius/docs-solidjs-css
+ * @package @geenius/docs/solidjs-css
  * @description Tracks extracted headings and the active article anchor for the
  * SolidJS CSS docs variant.
  */
@@ -460,4 +474,25 @@ interface TableOfContentsState {
  */
 declare function createTableOfContents(mdxContent: Accessor<string | undefined>): TableOfContentsState;
 
-export { Breadcrumbs, DocPage, DocSearch, DocSearchPage, DocSidebar, DocViewPage, DocsAdminPage, DocsIndexPage, DocsLayout, EditButton, PageNavigation, TableOfContents, VersionSelector, createDocSearch, createDocs, createDocsAdmin, createTableOfContents };
+/**
+ * @module docsSolidCssTypes
+ * @package @geenius/docs/solidjs-css
+ * @description Declares the supporting SolidJS CSS types shared across the
+ * standalone vanilla CSS docs components and pages.
+ */
+
+/**
+ * Optional `class` contract shared by SolidJS CSS docs exports.
+ */
+interface WithClassName {
+    class?: string;
+}
+/**
+ * Shared docs section shape used by layout, navigation, and page components.
+ */
+type DocsSectionWithPages = DocSection & {
+    pages?: DocPage$1[];
+    pageCount?: number;
+};
+
+export { Breadcrumbs, DocPage, DocSearch, DocSearchPage, type DocSearchState, DocSidebar, DocViewPage, type DocsAdminActions, DocsAdminPage, DocsIndexPage, DocsLayout, type DocsSectionWithPages, type DocsState, EditButton, PageNavigation, TableOfContents, type TableOfContentsState, VersionSelector, type WithClassName, createDocSearch, createDocs, createDocsAdmin, createTableOfContents };

package/packages/solidjs-css/dist/index.js

@@ -1,18 +1,19 @@
 import { For, Show, createSignal, createUniqueId, createMemo, createEffect, children, onCleanup } from 'solid-js';
-import clsx from 'clsx';
 import { jsx, jsxs, Fragment } from 'solid-js/h/jsx-runtime';
 import remarkGfm from 'remark-gfm';
 import { SolidMarkdown } from 'solid-markdown';
 
 // src/components/Breadcrumbs.tsx
-function cx(...values) {
-  return clsx(...values);
+
+// src/lib/cx.ts
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
 }
 function Breadcrumbs(props) {
   if (props.items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("nav", { class: "docs__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx(For, { each: props.items, children: (item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("nav", { class: cx("docs__breadcrumbs", props.class), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx(For, { each: props.items, children: (item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Show, { when: index() > 0, children: /* @__PURE__ */ jsx(
       "svg",
       {
@@ -41,7 +42,7 @@ function Breadcrumbs(props) {
   ] }) }) });
 }
 
-// ../shared/dist/chunk-BR2XBF64.js
+// ../shared/dist/chunk-QKKVTCRJ.js
 function toTocLevel(level) {
   if (level === 2 || level === 3 || level === 4) {
     return level;
@@ -206,7 +207,7 @@ function createHeading(Tag, className) {
   };
 }
 function DocPage(props) {
-  return /* @__PURE__ */ jsx("article", { class: "docs__article", children: /* @__PURE__ */ jsx("div", { class: "docs__article-body docs__content-main", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("article", { class: cx("docs__article", props.class), children: /* @__PURE__ */ jsx("div", { class: "docs__article-body docs__content-main", children: /* @__PURE__ */ jsx(
     SolidMarkdown,
     {
       remarkPlugins: [remarkGfm],
@@ -290,7 +291,7 @@ function DocSearch(props) {
   if (!props.isOpen) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { class: "docs__search-modal", children: [
+  return /* @__PURE__ */ jsxs("div", { class: cx("docs__search-modal", props.class), children: [
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -490,10 +491,17 @@ function DocSidebar(props) {
       }
     );
   };
-  return /* @__PURE__ */ jsxs("nav", { class: "docs__sidebar-nav", "aria-label": "Documentation", children: [
-    /* @__PURE__ */ jsx("div", { class: "docs__sidebar-header", children: "Documentation" }),
-    topLevelSections().map((section) => renderSection(section))
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      class: cx("docs__sidebar-nav", props.class),
+      "aria-label": "Documentation",
+      children: [
+        /* @__PURE__ */ jsx("div", { class: "docs__sidebar-header", children: "Documentation" }),
+        topLevelSections().map((section) => renderSection(section))
+      ]
+    }
+  );
 }
 function TocEntry(props) {
   const depth = props.depth ?? 0;
@@ -518,14 +526,14 @@ function TableOfContents(props) {
   if (props.toc.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("nav", { class: "docs__toc", "aria-label": "On this page", children: [
+  return /* @__PURE__ */ jsxs("nav", { class: cx("docs__toc", props.class), "aria-label": "On this page", children: [
     /* @__PURE__ */ jsx("h2", { class: "docs__toc-title", children: "On this page" }),
     /* @__PURE__ */ jsx("div", { class: "docs__toc-list", children: /* @__PURE__ */ jsx(For, { each: props.toc, children: (item) => /* @__PURE__ */ jsx(TocEntry, { item, activeId: props.activeId }) }) })
   ] });
 }
 function DocsLayout(props) {
   const resolvedChildren = children(() => props.children);
-  return /* @__PURE__ */ jsxs("div", { class: "docs__layout", children: [
+  return /* @__PURE__ */ jsxs("div", { class: cx("docs__layout", props.class), children: [
     /* @__PURE__ */ jsx("aside", { class: "docs__sidebar", children: /* @__PURE__ */ jsx(
       DocSidebar,
       {
@@ -554,7 +562,7 @@ function EditButton(props) {
       href,
       target: "_blank",
       rel: "noreferrer noopener",
-      class: "docs__edit-link",
+      class: cx("docs__edit-link", props.class),
       children: [
         /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", width: "14", height: "14", children: /* @__PURE__ */ jsx(
           "path",
@@ -573,7 +581,7 @@ function PageNavigation(props) {
   if (!props.prev && !props.next) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("nav", { class: "docs__page-nav", "aria-label": "Page navigation", children: [
+  return /* @__PURE__ */ jsxs("nav", { class: cx("docs__page-nav", props.class), "aria-label": "Page navigation", children: [
     props.prev ? /* @__PURE__ */ jsxs("a", { href: props.prev.href, class: "docs__page-nav-prev", children: [
       /* @__PURE__ */ jsx("span", { class: "docs__page-nav-label", children: "Previous" }),
       /* @__PURE__ */ jsx("span", { class: "docs__page-nav-title", children: props.prev.title })
@@ -588,7 +596,7 @@ function VersionSelector(props) {
   if (props.versions.length <= 1) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { class: "docs__version-selector", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { class: cx("docs__version-selector", props.class), children: /* @__PURE__ */ jsx(
     "select",
     {
       class: "docs__version-select docs__version-select--active",
@@ -641,11 +649,11 @@ function DocSearchPage(props) {
     return searchDocs(query, index);
   });
   if (props.tree() === void 0) {
-    return /* @__PURE__ */ jsx("div", { class: "docs__empty", style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
+    return /* @__PURE__ */ jsx("div", { class: cx("docs__empty", props.class), style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
   }
   const sections = props.tree() ?? [];
   const flatPages = sections.flatMap((section) => section.pages ?? []);
-  return /* @__PURE__ */ jsx("div", { class: "docs__main", children: /* @__PURE__ */ jsx("div", { class: "docs__content", children: /* @__PURE__ */ jsxs("div", { class: "docs__content-inner", style: { display: "block" }, children: [
+  return /* @__PURE__ */ jsx("div", { class: cx("docs__main", props.class), children: /* @__PURE__ */ jsx("div", { class: "docs__content", children: /* @__PURE__ */ jsxs("div", { class: "docs__content-inner", style: { display: "block" }, children: [
     /* @__PURE__ */ jsx("header", { class: "docs__header", children: /* @__PURE__ */ jsx("h1", { class: "docs__title", children: "Search documentation" }) }),
     /* @__PURE__ */ jsxs("div", { class: "docs__search-page", children: [
       /* @__PURE__ */ jsx(
@@ -745,9 +753,9 @@ function DocsAdminPage(props) {
     () => pageForm().title.trim().length > 0 && pageForm().slug.trim().length > 0 && pageForm().content.trim().length > 0
   );
   if (props.tree() === void 0) {
-    return /* @__PURE__ */ jsx("div", { class: "docs__empty", style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
+    return /* @__PURE__ */ jsx("div", { class: cx("docs__empty", props.class), style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
   }
-  return /* @__PURE__ */ jsx("div", { class: "docs__main", children: /* @__PURE__ */ jsx("div", { class: "docs__content", children: /* @__PURE__ */ jsxs("div", { class: "docs__content-inner", style: { display: "block" }, children: [
+  return /* @__PURE__ */ jsx("div", { class: cx("docs__main", props.class), children: /* @__PURE__ */ jsx("div", { class: "docs__content", children: /* @__PURE__ */ jsxs("div", { class: "docs__content-inner", style: { display: "block" }, children: [
     /* @__PURE__ */ jsx("header", { class: "docs__header", children: /* @__PURE__ */ jsx("h1", { class: "docs__title", children: "Docs admin" }) }),
     /* @__PURE__ */ jsxs("div", { class: "docs__admin-grid", children: [
       /* @__PURE__ */ jsxs("section", { class: "docs__admin-panel", children: [
@@ -1134,16 +1142,16 @@ function DocsIndexPage(props) {
     onCleanup(() => document.removeEventListener("keydown", handleKeydown));
   });
   if (docs.isLoading()) {
-    return /* @__PURE__ */ jsx("div", { class: "docs__empty", style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
+    return /* @__PURE__ */ jsx("div", { class: cx("docs__empty", props.class), style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
   }
   if (docs.sections().length === 0) {
-    return /* @__PURE__ */ jsxs("div", { class: "docs__empty", style: { "min-height": "100vh" }, children: [
+    return /* @__PURE__ */ jsxs("div", { class: cx("docs__empty", props.class), style: { "min-height": "100vh" }, children: [
       /* @__PURE__ */ jsx("div", { class: "docs__empty-icon", "aria-hidden": "true", children: "\u{1F4DA}" }),
       /* @__PURE__ */ jsx("div", { class: "docs__empty-title", children: "No documentation yet" }),
       /* @__PURE__ */ jsx("div", { class: "docs__empty-desc", children: "Create a section and at least one page to populate the docs index." })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { class: "docs__main", children: [
+  return /* @__PURE__ */ jsxs("div", { class: cx("docs__main", props.class), children: [
     /* @__PURE__ */ jsx("div", { class: "docs__content", children: /* @__PURE__ */ jsxs("div", { class: "docs__content-inner", style: { display: "block" }, children: [
       /* @__PURE__ */ jsxs("header", { class: "docs__header", children: [
         /* @__PURE__ */ jsx("h1", { class: "docs__title", children: "Documentation" }),
@@ -1348,11 +1356,11 @@ function DocViewPage(props) {
     };
   });
   if (docs.isLoading() || props.page() === void 0) {
-    return /* @__PURE__ */ jsx("div", { class: "docs__empty", style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
+    return /* @__PURE__ */ jsx("div", { class: cx("docs__empty", props.class), style: { "min-height": "100vh" }, children: /* @__PURE__ */ jsx("div", { class: "docs__skeleton", style: { width: "24rem", height: "3rem" } }) });
   }
   const page = props.page();
   if (!page) {
-    return /* @__PURE__ */ jsxs("div", { class: "docs__empty", style: { "min-height": "100vh" }, children: [
+    return /* @__PURE__ */ jsxs("div", { class: cx("docs__empty", props.class), style: { "min-height": "100vh" }, children: [
       /* @__PURE__ */ jsx("div", { class: "docs__empty-icon", "aria-hidden": "true", children: "\u{1F50D}" }),
       /* @__PURE__ */ jsx("div", { class: "docs__empty-title", children: "Page not found" }),
       /* @__PURE__ */ jsx("div", { class: "docs__empty-desc", children: "The requested documentation page could not be resolved." })
@@ -1367,6 +1375,7 @@ function DocViewPage(props) {
       breadcrumbs: breadcrumbs(),
       currentPageId: page.id,
       onNavigate: props.onNavigate,
+      class: props.class,
       children: [
         /* @__PURE__ */ jsxs("header", { class: "docs__page-header", children: [
           /* @__PURE__ */ jsx("h1", { class: "docs__page-title", children: page.title }),