@geenius/docs 0.8.10 → 0.11.0

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 }),