@dreamlake/dockit 0.2.0 → 0.2.2

package/dist/components/TabStrip.js

@@ -1,11 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useLayoutEffect } from "react";
+import { useMemo, useRef, useState, useLayoutEffect } from "react";
 import { usePageContext } from "vike-react/usePageContext";
-import { tabForUrl, TABS } from "../lib/tabs.js";
+import { tabForUrl, TABS, urlInTab } from "../lib/tabs.js";
+import { pages } from "../lib/navigation.js";
+import { useHiddenToggle } from "../lib/use-hidden-toggle.js";
 const SPRING = "cubic-bezier(0.4, 0.7, 0.3, 1)";
 function TabStrip() {
   const { urlPathname } = usePageContext();
   const activeTab = tabForUrl(urlPathname);
+  const [showHidden] = useHiddenToggle();
+  const visibleTabs = useMemo(() => {
+    if (showHidden) return TABS;
+    return TABS.filter(
+      (tab) => tab.id === activeTab || pages.some((p) => !p.hidden && urlInTab(p.path, tab.id))
+    );
+  }, [showHidden, activeTab]);
   const containerRef = useRef(null);
   const linkRefs = useRef({});
   const [hovered, setHovered] = useState(null);
@@ -35,7 +44,7 @@ function TabStrip() {
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [targetTab]);
-  if (TABS.length === 0) return null;
+  if (visibleTabs.length === 0) return null;
   return /* @__PURE__ */ jsxs(
     "ol",
     {
@@ -45,7 +54,7 @@ function TabStrip() {
       style: { height: "100%" },
       onMouseLeave: () => setHovered(null),
       children: [
-        TABS.map((tab) => {
+        visibleTabs.map((tab) => {
           const isActive = tab.id === activeTab;
           return /* @__PURE__ */ jsx(
             "li",

package/dist/renderer/Layout.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useContext, createContext, useEffect } from "react";
+import { useState, useMemo, useContext, createContext, useEffect } from "react";
 import { MDXProvider } from "@mdx-js/react";
 import { usePageContext } from "vike-react/usePageContext";
 import { ThemeProvider } from "../components/ThemeProvider.js";
@@ -117,7 +117,14 @@ function Layout({ children }) {
   const [searchQuery, setSearchQuery] = useState("");
   const [merged, setMerged] = useState(false);
   const [sidebarOpen, setSidebarOpen] = useState(false);
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(MDXProvider, { components: mdxComponents, children: /* @__PURE__ */ jsxs(MergeContext.Provider, { value: merged, children: [
+  const mergedMdxComponents = useMemo(
+    () => ({
+      ...mdxComponents,
+      ...siteConfig.mdxComponents ?? {}
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(MDXProvider, { components: mergedMdxComponents, children: /* @__PURE__ */ jsxs(MergeContext.Provider, { value: merged, children: [
     /* @__PURE__ */ jsx(
       Topbar,
       {

package/dist/site-config.d.ts

@@ -59,6 +59,11 @@ export interface SiteConfig {
      *  that steps light → system → dark; `'segmented'` is the three-button
      *  slider with a sliding indicator (the uikit/dreamlake docs style). */
     themeToggle?: 'cycle' | 'segmented';
+    /** Site-specific MDX components merged over the library's provider map,
+     *  so pages can use custom tags (e.g. `<Card>`, `<ApiStatus>`) without
+     *  per-page imports. Same-name entries override the library's. Typed
+     *  loosely to avoid coupling this module to React. */
+    mdxComponents?: Record<string, unknown>;
 }
 export declare const siteConfig: SiteConfig;
 /** Merge site-provided values into the singleton (mutates in place). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamlake/dockit",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "The DreamLake documentation shell — Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
   "license": "MIT",
   "type": "module",