@farming-labs/theme 0.0.2-beta.24 → 0.0.2-beta.26

package/dist/docs-layout.mjs

@@ -229,7 +229,7 @@ function resolveSidebar(sidebar) {
 	if (sidebar === false) return { enabled: false };
 	return {
 		enabled: sidebar.enabled !== false,
-		component: sidebar.component,
+		componentFn: typeof sidebar.component === "function" ? sidebar.component : void 0,
 		footer: sidebar.footer,
 		banner: sidebar.banner,
 		collapsible: sidebar.collapsible,
@@ -343,7 +343,8 @@ function createDocsLayout(config) {
 	const forcedTheme = themeSwitch.enabled === false && toggleConfig?.default && toggleConfig.default !== "system" ? toggleConfig.default : void 0;
 	const resolvedSidebar = resolveSidebar(config.sidebar);
 	const sidebarFlat = resolvedSidebar.flat;
-	const { flat: _sidebarFlat, ...sidebarProps } = resolvedSidebar;
+	const sidebarComponentFn = resolvedSidebar.componentFn;
+	const { flat: _sidebarFlat, componentFn: _componentFn, ...sidebarProps } = resolvedSidebar;
 	const breadcrumbConfig = config.breadcrumb;
 	const breadcrumbEnabled = breadcrumbConfig === void 0 || breadcrumbConfig === true || typeof breadcrumbConfig === "object" && breadcrumbConfig.enabled !== false;
 	const colors = config.theme?._userColorOverrides;
@@ -380,14 +381,21 @@ function createDocsLayout(config) {
 	const lastModifiedMap = buildLastModifiedMap(config.entry);
 	const descriptionMap = buildDescriptionMap(config.entry);
 	return function DocsLayoutWrapper({ children }) {
+		const tree = buildTree(config, !!sidebarFlat);
+		const finalSidebarProps = { ...sidebarProps };
+		if (sidebarComponentFn) finalSidebarProps.component = sidebarComponentFn({
+			tree,
+			collapsible: sidebarProps.collapsible !== false,
+			flat: !!sidebarFlat
+		});
 		return /* @__PURE__ */ jsxs(DocsLayout, {
-			tree: buildTree(config, !!sidebarFlat),
+			tree,
 			nav: {
 				title: navTitle,
 				url: navUrl
 			},
 			themeSwitch,
-			sidebar: sidebarProps,
+			sidebar: finalSidebarProps,
 			...aiMode === "sidebar-icon" && aiEnabled ? { searchToggle: { components: { lg: /* @__PURE__ */ jsx(SidebarSearchWithAI, {}) } } } : {},
 			children: [
 				/* @__PURE__ */ jsx(ColorStyle, { colors }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.0.2-beta.24",
+  "version": "0.0.2-beta.26",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -98,7 +98,7 @@
     "next": ">=14.0.0",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@farming-labs/docs": "0.0.2-beta.24"
+    "@farming-labs/docs": "0.0.2-beta.26"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/base.css

@@ -390,8 +390,9 @@ figure.shiki:has(figcaption) figcaption {
 
 .fd-page-footer {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
-  gap: 1rem;
+  gap: 0.75rem 1rem;
   margin-top: auto;
   padding-top: 1.5rem;
   border-top: 1px solid var(--color-fd-border, hsl(0 0% 80% / 50%));
@@ -409,6 +410,13 @@ figure.shiki:has(figcaption) figcaption {
   margin-left: auto;
 }
 
+@media (max-width: 640px) {
+  .fd-last-updated-footer {
+    margin-left: 0;
+    width: 100%;
+  }
+}
+
 .fd-llms-txt-links {
   display: inline-flex;
   align-items: center;
@@ -427,8 +435,8 @@ figure.shiki:has(figcaption) figcaption {
 }
 
 .fd-llms-txt-link:hover {
-  /* color: var(--color-fd-foreground, hsl(0 0% 10%));
-  border-color: var(--color-fd-foreground, hsl(0 0% 10%)); */
+  color: var(--color-fd-foreground, hsl(0 0% 10%));
+  border-color: var(--color-fd-foreground, hsl(0 0% 10%));
   text-decoration: none;
 }
 

package/styles/pixel-border.css

@@ -460,11 +460,17 @@ figure.shiki > div:first-child {
 .fd-page-action-menu {
   border-radius: 0 !important;
   box-shadow: 0 4px 24px hsl(0 0% 0% / 0.5);
+  padding: 0px !important;
+  box-shadow: 2px 2px 0 0 var(--color-fd-border, #262626);
 }
 
 .fd-page-action-menu-item {
   border-radius: 0 !important;
-  font-size: 0.8rem;
+  font-size: 0.68rem;
+  border-top: 1px solid var(--color-fd-border, #262626);
+  text-transform: uppercase;
+  color: var(--color-fd-muted-foreground, hsl(0 0% 45%));
+  font-family: var(--fd-font-mono, var(--font-geist-mono, ui-monospace, monospace)) !important;
 }
 
 /* ─── AI Chat (pixel-border — zero radius, pixel-art, monospace) ── */