diff --git a/package.json b/package.json
index cb8a35ed..e1630bf4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fromsrc-monorepo",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "private": true,
   "workspaces": [
     "packages/*"
diff --git a/packages/fromsrc/package.json b/packages/fromsrc/package.json
index f00dddcd..bfa5e129 100644
--- a/packages/fromsrc/package.json
+++ b/packages/fromsrc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fromsrc",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "documentation framework for developers",
   "homepage": "https://github.com/fromsrc/fromsrc",
   "bugs": {
diff --git a/packages/fromsrc/src/client.ts b/packages/fromsrc/src/client.ts
index 2ba547fe..697faa39 100644
--- a/packages/fromsrc/src/client.ts
+++ b/packages/fromsrc/src/client.ts
@@ -246,11 +246,12 @@ export { Select } from "./components/select";
 export type { SearchProps } from "./components/search";
 export { Search } from "./components/search";
 export type {
+  SectionItem,
   SidebarFolder,
   SidebarItem,
   SidebarSection,
 } from "./components/sidebar";
-export { Sidebar } from "./components/sidebar";
+export { IsFolder, IsSidebarItem, Sidebar } from "./components/sidebar";
 export { SidebarFilter, filternavigation } from "./components/sidebarfilter";
 export type {
   SkeletonCardProps,
diff --git a/packages/fromsrc/src/components/mobilenav.tsx b/packages/fromsrc/src/components/mobilenav.tsx
index 23b53b2c..5329313e 100644
--- a/packages/fromsrc/src/components/mobilenav.tsx
+++ b/packages/fromsrc/src/components/mobilenav.tsx
@@ -10,6 +10,7 @@ import { useFocusTrap } from "../hooks/focustrap";
 import { useScrollLock } from "../hooks/scrolllock";
 import { NavLink } from "./navlink";
 import { Search } from "./search";
+import { IsFolder, IsSidebarItem } from "./sidebar";
 import type { SidebarFolder, SidebarSection } from "./sidebar";
 
 export interface MobileNavProps {
@@ -282,23 +283,7 @@ export function MobileNav({
                   </h3>
                   <ul role="list" className="space-y-0.5">
                     {section.items.map((item, i) => {
-                      if (!("type" in item)) {
-                        return (
-                          <li key={item.slug || i}>
-                            <NavLink
-                              href={
-                                item.slug
-                                  ? `${basePath}/${item.slug}`
-                                  : basePath
-                              }
-                              onClick={close}
-                            >
-                              {item.title}
-                            </NavLink>
-                          </li>
-                        );
-                      }
-                      if (item.type === "folder") {
+                      if (IsFolder(item)) {
                         return (
                           <MobileFolder
                             key={i}
@@ -308,11 +293,27 @@ export function MobileNav({
                           />
                         );
                       }
+                      if (IsSidebarItem(item)) {
+                        return (
+                          <li key={i}>
+                            <NavLink
+                              href={item.href}
+                              icon={item.icon}
+                              onClick={close}
+                            >
+                              {item.title}
+                            </NavLink>
+                          </li>
+                        );
+                      }
                       return (
-                        <li key={i}>
+                        <li key={item.slug || i}>
                           <NavLink
-                            href={item.href}
-                            icon={item.icon}
+                            href={
+                              item.slug
+                                ? `${basePath}/${item.slug}`
+                                : basePath
+                            }
                             onClick={close}
                           >
                             {item.title}
diff --git a/packages/fromsrc/src/components/sidebar.tsx b/packages/fromsrc/src/components/sidebar.tsx
index 96c24cc6..aec7dbb3 100644
--- a/packages/fromsrc/src/components/sidebar.tsx
+++ b/packages/fromsrc/src/components/sidebar.tsx
@@ -30,6 +30,16 @@ export interface SidebarSection {
   items: (SidebarItem | SidebarFolder | DocMeta)[];
 }
 
+export type SectionItem = SidebarItem | SidebarFolder | DocMeta;
+
+export function IsFolder(item: SectionItem): item is SidebarFolder {
+  return "type" in item && item.type === "folder";
+}
+
+export function IsSidebarItem(item: SectionItem): item is SidebarItem {
+  return "href" in item && typeof item.href === "string" && item.href.length > 0;
+}
+
 interface Props {
   title: string;
   logo?: ReactNode;
@@ -334,18 +344,7 @@ function SidebarNav({
           </h3>
           <ul role="list" className="space-y-px">
             {section.items.map((item, i) => {
-              if (!("type" in item)) {
-                return (
-                  <li key={item.slug || i}>
-                    <NavLink
-                      href={item.slug ? `${basePath}/${item.slug}` : basePath}
-                    >
-                      {item.title}
-                    </NavLink>
-                  </li>
-                );
-              }
-              if (item.type === "folder") {
+              if (IsFolder(item)) {
                 return (
                   <Folder
                     key={i}
@@ -356,9 +355,20 @@ function SidebarNav({
                   />
                 );
               }
+              if (IsSidebarItem(item)) {
+                return (
+                  <li key={i}>
+                    <NavLink href={item.href} icon={item.icon}>
+                      {item.title}
+                    </NavLink>
+                  </li>
+                );
+              }
               return (
-                <li key={i}>
-                  <NavLink href={item.href} icon={item.icon}>
+                <li key={item.slug || i}>
+                  <NavLink
+                    href={item.slug ? `${basePath}/${item.slug}` : basePath}
+                  >
                     {item.title}
                   </NavLink>
                 </li>