@fumadocs/base-ui 16.4.1 → 16.4.3

package/dist/components/sidebar/page-tree.d.ts

@@ -1,19 +1,30 @@
-import { type FC, type ReactNode } from 'react';
-import type * as PageTree from 'fumadocs-core/page-tree';
-import type * as Base from './base.js';
-export interface SidebarPageTreeComponents {
-    Item: FC<{
-        item: PageTree.Item;
-    }>;
-    Folder: FC<{
-        item: PageTree.Folder;
-        children: ReactNode;
-    }>;
-    Separator: FC<{
-        item: PageTree.Separator;
-    }>;
+import { base_d_exports } from "./base.js";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
+import { FC, ReactNode } from "react";
+import * as PageTree from "fumadocs-core/page-tree";
+
+//#region src/components/sidebar/page-tree.d.ts
+interface SidebarPageTreeComponents {
+  Item: FC<{
+    item: PageTree.Item;
+  }>;
+  Folder: FC<{
+    item: PageTree.Folder;
+    children: ReactNode;
+  }>;
+  Separator: FC<{
+    item: PageTree.Separator;
+  }>;
 }
-type InternalComponents = Pick<typeof Base, 'SidebarSeparator' | 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
-export declare function createPageTreeRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarSeparator, SidebarItem, }: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => import("react/jsx-runtime").JSX.Element;
-export {};
+type InternalComponents = Pick<typeof base_d_exports, 'SidebarSeparator' | 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
+declare function createPageTreeRenderer({
+  SidebarFolder,
+  SidebarFolderContent,
+  SidebarFolderLink,
+  SidebarFolderTrigger,
+  SidebarSeparator,
+  SidebarItem
+}: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime79.JSX.Element;
+//#endregion
+export { SidebarPageTreeComponents, createPageTreeRenderer };
 //# sourceMappingURL=page-tree.d.ts.map

package/dist/components/sidebar/page-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-tree.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/page-tree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,KAAK,IAAI,MAAM,QAAQ,CAAC;AAEpC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAA;KAAE,CAAC,CAAC;IAClC,MAAM,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC3D,SAAS,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,OAAO,IAAI,EACT,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,sBAAsB,GACtB,sBAAsB,GACtB,aAAa,CAChB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,GACZ,EAAE,kBAAkB,IAuCjB,YAAY,OAAO,CAAC,yBAAyB,CAAC,6CA6CjD"}
+{"version":3,"file":"page-tree.d.ts","names":[],"sources":["../../../src/components/sidebar/page-tree.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKiB,yBAAA;QACT;UAAW,QAAA,CAAS;EADX,CAAA,CAAA;EACE,MAAS,EAClB,EADkB,CAAA;IAApB,IAAA,EACa,QAAA,CAAS,MADtB;IACa,QAAS,EAAkB,SAAlB;EAAkB,CAAA,CAAA;EAAtC,SAAA,EACG,EADH,CAAA;IACc,IAAS,EAAT,QAAA,CAAS,SAAA;EAApB,CAAA,CAAA;;AACZ,KAEI,kBAAA,GAAqB,IAAH,CAAA,OACd,cAAA,EAAA,kBADqB,GAAA,eAAA,GAAA,mBAAA,GAAA,sBAAA,GAAA,sBAAA,GAAA,aAAA,CAAA;AAUd,iBAAA,sBAAA,CAAsB;EAAA,aAAA;EAAA,oBAAA;EAAA,iBAAA;EAAA,oBAAA;EAAA,gBAAA;EAAA;AAAA,CAAA,EAOnC,kBAPmC,CAAA,EAAA,CAAA,UAAA,EAoCQ,OApCR,CAoCgB,yBApChB,CAAA,EAAA,GAoC0C,mBAAA,CAAA,GAAA,CAAA,OApC1C"}

package/dist/components/sidebar/page-tree.js

@@ -1,34 +1,58 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useTreeContext, useTreePath } from '../../contexts/tree.js';
-import { useMemo, Fragment } from 'react';
-export function createPageTreeRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarSeparator, SidebarItem, }) {
-    function PageTreeFolder({ item, children, }) {
-        const path = useTreePath();
-        return (_jsxs(SidebarFolder, { collapsible: item.collapsible, active: path.includes(item), defaultOpen: item.defaultOpen, children: [item.index ? (_jsxs(SidebarFolderLink, { href: item.index.url, external: item.index.external, children: [item.icon, item.name] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.name] })), _jsx(SidebarFolderContent, { children: children })] }));
-    }
-    /**
-     * Render sidebar items from page tree
-     */
-    return function SidebarPageTree(components) {
-        const { root } = useTreeContext();
-        const { Separator, Item, Folder = PageTreeFolder } = components;
-        return useMemo(() => {
-            function renderSidebarList(items) {
-                return items.map((item, i) => {
-                    if (item.type === 'separator') {
-                        if (Separator)
-                            return _jsx(Separator, { item: item }, i);
-                        return (_jsxs(SidebarSeparator, { children: [item.icon, item.name] }, i));
-                    }
-                    if (item.type === 'folder') {
-                        return (_jsx(Folder, { item: item, children: renderSidebarList(item.children) }, i));
-                    }
-                    if (Item)
-                        return _jsx(Item, { item: item }, item.url);
-                    return (_jsx(SidebarItem, { href: item.url, external: item.external, icon: item.icon, children: item.name }, item.url));
-                });
-            }
-            return (_jsx(Fragment, { children: renderSidebarList(root.children) }, root.$id));
-        }, [Folder, Item, Separator, root]);
-    };
+import { tree_exports } from "../../contexts/tree.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, useMemo } from "react";
+
+//#region src/components/sidebar/page-tree.tsx
+function createPageTreeRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarSeparator, SidebarItem }) {
+	function PageTreeFolder({ item, children }) {
+		const path = (0, tree_exports.useTreePath)();
+		return /* @__PURE__ */ jsxs(SidebarFolder, {
+			collapsible: item.collapsible,
+			active: path.includes(item),
+			defaultOpen: item.defaultOpen,
+			children: [item.index ? /* @__PURE__ */ jsxs(SidebarFolderLink, {
+				href: item.index.url,
+				external: item.index.external,
+				children: [item.icon, item.name]
+			}) : /* @__PURE__ */ jsxs(SidebarFolderTrigger, { children: [item.icon, item.name] }), /* @__PURE__ */ jsx(SidebarFolderContent, { children })]
+		});
+	}
+	/**
+	* Render sidebar items from page tree
+	*/
+	return function SidebarPageTree(components) {
+		const { root } = (0, tree_exports.useTreeContext)();
+		const { Separator, Item, Folder = PageTreeFolder } = components;
+		return useMemo(() => {
+			function renderSidebarList(items) {
+				return items.map((item, i) => {
+					if (item.type === "separator") {
+						if (Separator) return /* @__PURE__ */ jsx(Separator, { item }, i);
+						return /* @__PURE__ */ jsxs(SidebarSeparator, { children: [item.icon, item.name] }, i);
+					}
+					if (item.type === "folder") return /* @__PURE__ */ jsx(Folder, {
+						item,
+						children: renderSidebarList(item.children)
+					}, i);
+					if (Item) return /* @__PURE__ */ jsx(Item, { item }, item.url);
+					return /* @__PURE__ */ jsx(SidebarItem, {
+						href: item.url,
+						external: item.external,
+						icon: item.icon,
+						children: item.name
+					}, item.url);
+				});
+			}
+			return /* @__PURE__ */ jsx(Fragment$1, { children: renderSidebarList(root.children) }, root.$id);
+		}, [
+			Folder,
+			Item,
+			Separator,
+			root
+		]);
+	};
 }
+
+//#endregion
+export { createPageTreeRenderer };
+//# sourceMappingURL=page-tree.js.map

package/dist/components/sidebar/page-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-tree.js","names":["Fragment"],"sources":["../../../src/components/sidebar/page-tree.tsx"],"sourcesContent":["import { useTreeContext, useTreePath } from '@/contexts/tree';\nimport { type FC, type ReactNode, useMemo, Fragment } from 'react';\nimport type * as PageTree from 'fumadocs-core/page-tree';\nimport type * as Base from './base';\n\nexport interface SidebarPageTreeComponents {\n  Item: FC<{ item: PageTree.Item }>;\n  Folder: FC<{ item: PageTree.Folder; children: ReactNode }>;\n  Separator: FC<{ item: PageTree.Separator }>;\n}\n\ntype InternalComponents = Pick<\n  typeof Base,\n  | 'SidebarSeparator'\n  | 'SidebarFolder'\n  | 'SidebarFolderLink'\n  | 'SidebarFolderContent'\n  | 'SidebarFolderTrigger'\n  | 'SidebarItem'\n>;\n\nexport function createPageTreeRenderer({\n  SidebarFolder,\n  SidebarFolderContent,\n  SidebarFolderLink,\n  SidebarFolderTrigger,\n  SidebarSeparator,\n  SidebarItem,\n}: InternalComponents) {\n  function PageTreeFolder({ item, children }: { item: PageTree.Folder; children: ReactNode }) {\n    const path = useTreePath();\n\n    return (\n      <SidebarFolder\n        collapsible={item.collapsible}\n        active={path.includes(item)}\n        defaultOpen={item.defaultOpen}\n      >\n        {item.index ? (\n          <SidebarFolderLink href={item.index.url} external={item.index.external}>\n            {item.icon}\n            {item.name}\n          </SidebarFolderLink>\n        ) : (\n          <SidebarFolderTrigger>\n            {item.icon}\n            {item.name}\n          </SidebarFolderTrigger>\n        )}\n        <SidebarFolderContent>{children}</SidebarFolderContent>\n      </SidebarFolder>\n    );\n  }\n\n  /**\n   * Render sidebar items from page tree\n   */\n  return function SidebarPageTree(components: Partial<SidebarPageTreeComponents>) {\n    const { root } = useTreeContext();\n    const { Separator, Item, Folder = PageTreeFolder } = components;\n\n    return useMemo(() => {\n      function renderSidebarList(items: PageTree.Node[]) {\n        return items.map((item, i) => {\n          if (item.type === 'separator') {\n            if (Separator) return <Separator key={i} item={item} />;\n            return (\n              <SidebarSeparator key={i}>\n                {item.icon}\n                {item.name}\n              </SidebarSeparator>\n            );\n          }\n\n          if (item.type === 'folder') {\n            return (\n              <Folder key={i} item={item}>\n                {renderSidebarList(item.children)}\n              </Folder>\n            );\n          }\n\n          if (Item) return <Item key={item.url} item={item} />;\n          return (\n            <SidebarItem key={item.url} href={item.url} external={item.external} icon={item.icon}>\n              {item.name}\n            </SidebarItem>\n          );\n        });\n      }\n\n      return <Fragment key={root.$id}>{renderSidebarList(root.children)}</Fragment>;\n    }, [Folder, Item, Separator, root]);\n  };\n}\n"],"mappings":";;;;;AAqBA,SAAgB,uBAAuB,EACrC,eACA,sBACA,mBACA,sBACA,kBACA,eACqB;CACrB,SAAS,eAAe,EAAE,MAAM,YAA4D;EAC1F,MAAM,sCAAoB;AAE1B,SACE,qBAAC;GACC,aAAa,KAAK;GAClB,QAAQ,KAAK,SAAS,KAAK;GAC3B,aAAa,KAAK;cAEjB,KAAK,QACJ,qBAAC;IAAkB,MAAM,KAAK,MAAM;IAAK,UAAU,KAAK,MAAM;eAC3D,KAAK,MACL,KAAK;KACY,GAEpB,qBAAC,mCACE,KAAK,MACL,KAAK,QACe,EAEzB,oBAAC,wBAAsB,WAAgC;IACzC;;;;;AAOpB,QAAO,SAAS,gBAAgB,YAAgD;EAC9E,MAAM,EAAE,2CAAyB;EACjC,MAAM,EAAE,WAAW,MAAM,SAAS,mBAAmB;AAErD,SAAO,cAAc;GACnB,SAAS,kBAAkB,OAAwB;AACjD,WAAO,MAAM,KAAK,MAAM,MAAM;AAC5B,SAAI,KAAK,SAAS,aAAa;AAC7B,UAAI,UAAW,QAAO,oBAAC,aAAwB,QAAT,EAAiB;AACvD,aACE,qBAAC,+BACE,KAAK,MACL,KAAK,SAFe,EAGJ;;AAIvB,SAAI,KAAK,SAAS,SAChB,QACE,oBAAC;MAAqB;gBACnB,kBAAkB,KAAK,SAAS;QADtB,EAEJ;AAIb,SAAI,KAAM,QAAO,oBAAC,QAA0B,QAAhB,KAAK,IAAmB;AACpD,YACE,oBAAC;MAA2B,MAAM,KAAK;MAAK,UAAU,KAAK;MAAU,MAAM,KAAK;gBAC7E,KAAK;QADU,KAAK,IAET;MAEhB;;AAGJ,UAAO,oBAACA,wBAAyB,kBAAkB,KAAK,SAAS,IAA3C,KAAK,IAAkD;KAC5E;GAAC;GAAQ;GAAM;GAAW;GAAK,CAAC"}

package/dist/components/sidebar/tabs/dropdown.d.ts

@@ -1,11 +1,20 @@
-import { type ComponentProps, type ReactNode } from 'react';
-import type { SidebarTab } from './index.js';
-export interface SidebarTabWithProps extends SidebarTab {
-    props?: ComponentProps<'a'>;
+import { SidebarTab } from "./index.js";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/sidebar/tabs/dropdown.d.ts
+interface SidebarTabWithProps extends SidebarTab {
+  props?: ComponentProps<'a'>;
 }
-export declare function SidebarTabsDropdown({ options, placeholder, ...props }: {
-    placeholder?: ReactNode;
-    options: SidebarTabWithProps[];
-} & ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
-export declare function isTabActive(tab: SidebarTab, pathname: string): boolean;
+declare function SidebarTabsDropdown({
+  options,
+  placeholder,
+  ...props
+}: {
+  placeholder?: ReactNode;
+  options: SidebarTabWithProps[];
+} & ComponentProps<'button'>): react_jsx_runtime85.JSX.Element;
+declare function isTabActive(tab: SidebarTab, pathname: string): boolean;
+//#endregion
+export { SidebarTabWithProps, SidebarTabsDropdown, isTabActive };
 //# sourceMappingURL=dropdown.d.ts.map

package/dist/components/sidebar/tabs/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/tabs/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAW/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAEpC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,WAAW,EACX,GAAG,KAAK,EACT,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC,GAAG,cAAc,CAAC,QAAQ,CAAC,2CAkF3B;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAI5D"}
+{"version":3,"file":"dropdown.d.ts","names":[],"sources":["../../../../src/components/sidebar/tabs/dropdown.tsx"],"sourcesContent":[],"mappings":";;;;;UAWiB,mBAAA,SAA4B;UACnC;;AADO,iBAID,mBAAA,CAHN;EAAA,OAAA;EADmC,WAAU;EAAA,GAAA;AAMrD,CANqD,EAAA;EAIvC,WAAA,CAAA,EAKA,SALmB;EACjC,OAAA,EAKS,mBALT,EAAA;CACA,GAKE,cALF,CAAA,QAAA,CAAA,CAAA,EAK0B,mBAAA,CAAA,GAAA,CAAA,OAL1B;AAGc,iBAkFA,WAAA,CAlFA,GAAA,EAkFiB,UAlFjB,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,OAAA"}

package/dist/components/sidebar/tabs/dropdown.js

@@ -1,34 +1,78 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Check, ChevronsUpDown } from '@fumadocs/ui/icons';
-import { useMemo, useState } from 'react';
-import Link from 'fumadocs-core/link';
-import { usePathname } from 'fumadocs-core/framework';
-import { cn } from '@fumadocs/ui/cn';
-import { normalize, isActive } from '@fumadocs/ui/urls';
-import { useSidebar } from '../../../components/sidebar/base.js';
-import { Popover, PopoverContent, PopoverTrigger, } from '../../../components/ui/popover.js';
-export function SidebarTabsDropdown({ options, placeholder, ...props }) {
-    const [open, setOpen] = useState(false);
-    const { closeOnRedirect } = useSidebar();
-    const pathname = usePathname();
-    const selected = useMemo(() => {
-        return options.findLast((item) => isTabActive(item, pathname));
-    }, [options, pathname]);
-    const onClick = () => {
-        closeOnRedirect.current = false;
-        setOpen(false);
-    };
-    const item = selected ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "size-9 shrink-0 empty:hidden md:size-5", children: selected.icon }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: selected.title }), _jsx("p", { className: "text-sm text-fd-muted-foreground empty:hidden md:hidden", children: selected.description })] })] })) : (placeholder);
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [item && (_jsxs(PopoverTrigger, { ...props, className: cn('flex items-center gap-2 rounded-lg p-2 border bg-fd-secondary/50 text-start text-fd-secondary-foreground transition-colors hover:bg-fd-accent data-[open]:bg-fd-accent data-[open]:text-fd-accent-foreground', props.className), children: [item, _jsx(ChevronsUpDown, { className: "shrink-0 ms-auto size-4 text-fd-muted-foreground" })] })), _jsx(PopoverContent, { className: "flex flex-col gap-1 w-(--anchor-width) p-1 fd-scroll-container", children: options.map((item) => {
-                    const isActive = selected && item.url === selected.url;
-                    if (!isActive && item.unlisted)
-                        return;
-                    return (_jsxs(Link, { href: item.url, onClick: onClick, ...item.props, className: cn('flex items-center gap-2 rounded-lg p-1.5 hover:bg-fd-accent hover:text-fd-accent-foreground', item.props?.className), children: [_jsx("div", { className: "shrink-0 size-9 md:mb-auto md:size-5 empty:hidden", children: item.icon }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-none", children: item.title }), _jsx("p", { className: "text-[0.8125rem] text-fd-muted-foreground mt-1 empty:hidden", children: item.description })] }), _jsx(Check, { className: cn('shrink-0 ms-auto size-3.5 text-fd-primary', !isActive && 'invisible') })] }, item.url));
-                }) })] }));
+
+import { useSidebar } from "../base.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
+import Link from "fumadocs-core/link";
+import { usePathname } from "fumadocs-core/framework";
+import { cn } from "@fumadocs/ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { useMemo, useState } from "react";
+import { isActive, normalize } from "@fumadocs/ui/urls";
+
+//#region src/components/sidebar/tabs/dropdown.tsx
+function SidebarTabsDropdown({ options, placeholder, ...props }) {
+	const [open, setOpen] = useState(false);
+	const { closeOnRedirect } = useSidebar();
+	const pathname = usePathname();
+	const selected = useMemo(() => {
+		return options.findLast((item$1) => isTabActive(item$1, pathname));
+	}, [options, pathname]);
+	const onClick = () => {
+		closeOnRedirect.current = false;
+		setOpen(false);
+	};
+	const item = selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "size-9 shrink-0 empty:hidden md:size-5",
+		children: selected.icon
+	}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: selected.title
+	}), /* @__PURE__ */ jsx("p", {
+		className: "text-sm text-fd-muted-foreground empty:hidden md:hidden",
+		children: selected.description
+	})] })] }) : placeholder;
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [item && /* @__PURE__ */ jsxs(PopoverTrigger, {
+			...props,
+			className: cn("flex items-center gap-2 rounded-lg p-2 border bg-fd-secondary/50 text-start text-fd-secondary-foreground transition-colors hover:bg-fd-accent data-[open]:bg-fd-accent data-[open]:text-fd-accent-foreground", props.className),
+			children: [item, /* @__PURE__ */ jsx(ChevronsUpDown, { className: "shrink-0 ms-auto size-4 text-fd-muted-foreground" })]
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "flex flex-col gap-1 w-(--anchor-width) p-1 fd-scroll-container",
+			children: options.map((item$1) => {
+				const isActive$1 = selected && item$1.url === selected.url;
+				if (!isActive$1 && item$1.unlisted) return;
+				return /* @__PURE__ */ jsxs(Link, {
+					href: item$1.url,
+					onClick,
+					...item$1.props,
+					className: cn("flex items-center gap-2 rounded-lg p-1.5 hover:bg-fd-accent hover:text-fd-accent-foreground", item$1.props?.className),
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "shrink-0 size-9 md:mb-auto md:size-5 empty:hidden",
+							children: item$1.icon
+						}),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium leading-none",
+							children: item$1.title
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-[0.8125rem] text-fd-muted-foreground mt-1 empty:hidden",
+							children: item$1.description
+						})] }),
+						/* @__PURE__ */ jsx(Check, { className: cn("shrink-0 ms-auto size-3.5 text-fd-primary", !isActive$1 && "invisible") })
+					]
+				}, item$1.url);
+			})
+		})]
+	});
 }
-export function isTabActive(tab, pathname) {
-    if (tab.urls)
-        return tab.urls.has(normalize(pathname));
-    return isActive(tab.url, pathname, true);
+function isTabActive(tab, pathname) {
+	if (tab.urls) return tab.urls.has(normalize(pathname));
+	return isActive(tab.url, pathname, true);
 }
+
+//#endregion
+export { SidebarTabsDropdown, isTabActive };
+//# sourceMappingURL=dropdown.js.map

package/dist/components/sidebar/tabs/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":["item","isActive"],"sources":["../../../../src/components/sidebar/tabs/dropdown.tsx"],"sourcesContent":["'use client';\nimport { Check, ChevronsUpDown } from 'lucide-react';\nimport { type ComponentProps, type ReactNode, useMemo, useState } from 'react';\nimport Link from 'fumadocs-core/link';\nimport { usePathname } from 'fumadocs-core/framework';\nimport { cn } from '@fumadocs/ui/cn';\nimport { normalize, isActive } from '@fumadocs/ui/urls';\nimport { useSidebar } from '@/components/sidebar/base';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport type { SidebarTab } from '.';\n\nexport interface SidebarTabWithProps extends SidebarTab {\n  props?: ComponentProps<'a'>;\n}\n\nexport function SidebarTabsDropdown({\n  options,\n  placeholder,\n  ...props\n}: {\n  placeholder?: ReactNode;\n  options: SidebarTabWithProps[];\n} & ComponentProps<'button'>) {\n  const [open, setOpen] = useState(false);\n  const { closeOnRedirect } = useSidebar();\n  const pathname = usePathname();\n\n  const selected = useMemo(() => {\n    return options.findLast((item) => isTabActive(item, pathname));\n  }, [options, pathname]);\n\n  const onClick = () => {\n    closeOnRedirect.current = false;\n    setOpen(false);\n  };\n\n  const item = selected ? (\n    <>\n      <div className=\"size-9 shrink-0 empty:hidden md:size-5\">{selected.icon}</div>\n      <div>\n        <p className=\"text-sm font-medium\">{selected.title}</p>\n        <p className=\"text-sm text-fd-muted-foreground empty:hidden md:hidden\">\n          {selected.description}\n        </p>\n      </div>\n    </>\n  ) : (\n    placeholder\n  );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      {item && (\n        <PopoverTrigger\n          {...props}\n          className={cn(\n            'flex items-center gap-2 rounded-lg p-2 border bg-fd-secondary/50 text-start text-fd-secondary-foreground transition-colors hover:bg-fd-accent data-[open]:bg-fd-accent data-[open]:text-fd-accent-foreground',\n            props.className,\n          )}\n        >\n          {item}\n          <ChevronsUpDown className=\"shrink-0 ms-auto size-4 text-fd-muted-foreground\" />\n        </PopoverTrigger>\n      )}\n      <PopoverContent className=\"flex flex-col gap-1 w-(--anchor-width) p-1 fd-scroll-container\">\n        {options.map((item) => {\n          const isActive = selected && item.url === selected.url;\n          if (!isActive && item.unlisted) return;\n\n          return (\n            <Link\n              key={item.url}\n              href={item.url}\n              onClick={onClick}\n              {...item.props}\n              className={cn(\n                'flex items-center gap-2 rounded-lg p-1.5 hover:bg-fd-accent hover:text-fd-accent-foreground',\n                item.props?.className,\n              )}\n            >\n              <div className=\"shrink-0 size-9 md:mb-auto md:size-5 empty:hidden\">{item.icon}</div>\n              <div>\n                <p className=\"text-sm font-medium leading-none\">{item.title}</p>\n                <p className=\"text-[0.8125rem] text-fd-muted-foreground mt-1 empty:hidden\">\n                  {item.description}\n                </p>\n              </div>\n\n              <Check\n                className={cn(\n                  'shrink-0 ms-auto size-3.5 text-fd-primary',\n                  !isActive && 'invisible',\n                )}\n              />\n            </Link>\n          );\n        })}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport function isTabActive(tab: SidebarTab, pathname: string) {\n  if (tab.urls) return tab.urls.has(normalize(pathname));\n\n  return isActive(tab.url, pathname, true);\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,oBAAoB,EAClC,SACA,aACA,GAAG,SAIyB;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,EAAE,oBAAoB,YAAY;CACxC,MAAM,WAAW,aAAa;CAE9B,MAAM,WAAW,cAAc;AAC7B,SAAO,QAAQ,UAAU,WAAS,YAAYA,QAAM,SAAS,CAAC;IAC7D,CAAC,SAAS,SAAS,CAAC;CAEvB,MAAM,gBAAgB;AACpB,kBAAgB,UAAU;AAC1B,UAAQ,MAAM;;CAGhB,MAAM,OAAO,WACX,4CACE,oBAAC;EAAI,WAAU;YAA0C,SAAS;GAAW,EAC7E,qBAAC,oBACC,oBAAC;EAAE,WAAU;YAAuB,SAAS;GAAU,EACvD,oBAAC;EAAE,WAAU;YACV,SAAS;GACR,IACA,IACL,GAEH;AAGF,QACE,qBAAC;EAAc;EAAM,cAAc;aAChC,QACC,qBAAC;GACC,GAAI;GACJ,WAAW,GACT,gNACA,MAAM,UACP;cAEA,MACD,oBAAC,kBAAe,WAAU,qDAAqD;IAChE,EAEnB,oBAAC;GAAe,WAAU;aACvB,QAAQ,KAAK,WAAS;IACrB,MAAMC,aAAW,YAAYD,OAAK,QAAQ,SAAS;AACnD,QAAI,CAACC,cAAYD,OAAK,SAAU;AAEhC,WACE,qBAAC;KAEC,MAAMA,OAAK;KACF;KACT,GAAIA,OAAK;KACT,WAAW,GACT,+FACAA,OAAK,OAAO,UACb;;MAED,oBAAC;OAAI,WAAU;iBAAqDA,OAAK;QAAW;MACpF,qBAAC,oBACC,oBAAC;OAAE,WAAU;iBAAoCA,OAAK;QAAU,EAChE,oBAAC;OAAE,WAAU;iBACVA,OAAK;QACJ,IACA;MAEN,oBAAC,SACC,WAAW,GACT,6CACA,CAACC,cAAY,YACd,GACD;;OAtBGD,OAAK,IAuBL;KAET;IACa;GACT;;AAId,SAAgB,YAAY,KAAiB,UAAkB;AAC7D,KAAI,IAAI,KAAM,QAAO,IAAI,KAAK,IAAI,UAAU,SAAS,CAAC;AAEtD,QAAO,SAAS,IAAI,KAAK,UAAU,KAAK"}

package/dist/components/sidebar/tabs/index.d.ts

@@ -1,21 +1,27 @@
-import type * as PageTree from 'fumadocs-core/page-tree';
-import type { ReactNode } from 'react';
-export interface SidebarTab {
-    /**
-     * Redirect URL of the folder, usually the index page
-     */
-    url: string;
-    icon?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    /**
-     * Detect from a list of urls
-     */
-    urls?: Set<string>;
-    unlisted?: boolean;
+import { ReactNode } from "react";
+import * as PageTree from "fumadocs-core/page-tree";
+
+//#region src/components/sidebar/tabs/index.d.ts
+interface SidebarTab {
+  /**
+   * Redirect URL of the folder, usually the index page
+   */
+  url: string;
+  icon?: ReactNode;
+  title: ReactNode;
+  description?: ReactNode;
+  /**
+   * Detect from a list of urls
+   */
+  urls?: Set<string>;
+  unlisted?: boolean;
 }
-export interface GetSidebarTabsOptions {
-    transform?: (option: SidebarTab, node: PageTree.Folder) => SidebarTab | null;
+interface GetSidebarTabsOptions {
+  transform?: (option: SidebarTab, node: PageTree.Folder) => SidebarTab | null;
 }
-export declare function getSidebarTabs(tree: PageTree.Root, { transform }?: GetSidebarTabsOptions): SidebarTab[];
+declare function getSidebarTabs(tree: PageTree.Root, {
+  transform
+}?: GetSidebarTabsOptions): SidebarTab[];
+//#endregion
+export { GetSidebarTabsOptions, SidebarTab, getSidebarTabs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidebar/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,UAAU,GAAG,IAAI,CAAC;CAC9E;AAeD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,EAAE,SAA4B,EAAE,GAAE,qBAA0B,GAC3D,UAAU,EAAE,CAkCd"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/sidebar/tabs/index.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,UAAA;;AAAjB;;EAOS,GAAA,EAAA,MAAA;EACO,IAAA,CAAA,EAFP,SAEO;EAKP,KAAA,EANA,SAMA;EAAG,WAAA,CAAA,EALI,SAKJ;EAIK;;;EAC4C,IAAA,CAAA,EALpD,GAKoD,CAAA,MAAA,CAAA;EAAU,QAAA,CAAA,EAAA,OAAA;AAgBvE;AACQ,UAlBS,qBAAA,CAkBA;EACb,SAAA,CAAA,EAAA,CAAA,MAAA,EAlBmB,UAkBnB,EAAA,IAAA,EAlBqC,QAAA,CAAS,MAkB9C,EAAA,GAlByD,UAkBzD,GAAA,IAAA;;AACD,iBAHa,cAAA,CAGb,IAAA,EAFK,QAAA,CAAS,IAEd,EAAA;EAAA;AAAA,CAAA,CAAA,EADiC,qBACjC,CAAA,EAAA,UAAA,EAAA"}

package/dist/components/sidebar/tabs/index.js

@@ -1,49 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/sidebar/tabs/index.tsx
 const defaultTransform = (option, node) => {
-    if (!node.icon)
-        return option;
-    return {
-        ...option,
-        icon: (_jsx("div", { className: "size-full [&_svg]:size-full max-md:p-1.5 max-md:rounded-md max-md:border max-md:bg-fd-secondary", children: node.icon })),
-    };
+	if (!node.icon) return option;
+	return {
+		...option,
+		icon: /* @__PURE__ */ jsx("div", {
+			className: "size-full [&_svg]:size-full max-md:p-1.5 max-md:rounded-md max-md:border max-md:bg-fd-secondary",
+			children: node.icon
+		})
+	};
 };
-export function getSidebarTabs(tree, { transform = defaultTransform } = {}) {
-    const results = [];
-    function scanOptions(node, unlisted) {
-        if ('root' in node && node.root) {
-            const urls = getFolderUrls(node);
-            if (urls.size > 0) {
-                const option = {
-                    url: urls.values().next().value ?? '',
-                    title: node.name,
-                    icon: node.icon,
-                    unlisted,
-                    description: node.description,
-                    urls,
-                };
-                const mapped = transform ? transform(option, node) : option;
-                if (mapped)
-                    results.push(mapped);
-            }
-        }
-        for (const child of node.children) {
-            if (child.type === 'folder')
-                scanOptions(child, unlisted);
-        }
-    }
-    scanOptions(tree);
-    if (tree.fallback)
-        scanOptions(tree.fallback, true);
-    return results;
+function getSidebarTabs(tree, { transform = defaultTransform } = {}) {
+	const results = [];
+	function scanOptions(node, unlisted) {
+		if ("root" in node && node.root) {
+			const urls = getFolderUrls(node);
+			if (urls.size > 0) {
+				const option = {
+					url: urls.values().next().value ?? "",
+					title: node.name,
+					icon: node.icon,
+					unlisted,
+					description: node.description,
+					urls
+				};
+				const mapped = transform ? transform(option, node) : option;
+				if (mapped) results.push(mapped);
+			}
+		}
+		for (const child of node.children) if (child.type === "folder") scanOptions(child, unlisted);
+	}
+	scanOptions(tree);
+	if (tree.fallback) scanOptions(tree.fallback, true);
+	return results;
 }
-function getFolderUrls(folder, output = new Set()) {
-    if (folder.index)
-        output.add(folder.index.url);
-    for (const child of folder.children) {
-        if (child.type === 'page' && !child.external)
-            output.add(child.url);
-        if (child.type === 'folder')
-            getFolderUrls(child, output);
-    }
-    return output;
+function getFolderUrls(folder, output = /* @__PURE__ */ new Set()) {
+	if (folder.index) output.add(folder.index.url);
+	for (const child of folder.children) {
+		if (child.type === "page" && !child.external) output.add(child.url);
+		if (child.type === "folder") getFolderUrls(child, output);
+	}
+	return output;
 }
+
+//#endregion
+export { getSidebarTabs };
+//# sourceMappingURL=index.js.map

package/dist/components/sidebar/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["defaultTransform: GetSidebarTabsOptions['transform']","results: SidebarTab[]","option: SidebarTab"],"sources":["../../../../src/components/sidebar/tabs/index.tsx"],"sourcesContent":["import type * as PageTree from 'fumadocs-core/page-tree';\nimport type { ReactNode } from 'react';\n\nexport interface SidebarTab {\n  /**\n   * Redirect URL of the folder, usually the index page\n   */\n  url: string;\n\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n\n  /**\n   * Detect from a list of urls\n   */\n  urls?: Set<string>;\n  unlisted?: boolean;\n}\n\nexport interface GetSidebarTabsOptions {\n  transform?: (option: SidebarTab, node: PageTree.Folder) => SidebarTab | null;\n}\n\nconst defaultTransform: GetSidebarTabsOptions['transform'] = (option, node) => {\n  if (!node.icon) return option;\n\n  return {\n    ...option,\n    icon: (\n      <div className=\"size-full [&_svg]:size-full max-md:p-1.5 max-md:rounded-md max-md:border max-md:bg-fd-secondary\">\n        {node.icon}\n      </div>\n    ),\n  };\n};\n\nexport function getSidebarTabs(\n  tree: PageTree.Root,\n  { transform = defaultTransform }: GetSidebarTabsOptions = {},\n): SidebarTab[] {\n  const results: SidebarTab[] = [];\n\n  function scanOptions(node: PageTree.Root | PageTree.Folder, unlisted?: boolean) {\n    if ('root' in node && node.root) {\n      const urls = getFolderUrls(node);\n\n      if (urls.size > 0) {\n        const option: SidebarTab = {\n          url: urls.values().next().value ?? '',\n          title: node.name,\n          icon: node.icon,\n          unlisted,\n          description: node.description,\n          urls,\n        };\n\n        const mapped = transform ? transform(option, node) : option;\n        if (mapped) results.push(mapped);\n      }\n    }\n\n    for (const child of node.children) {\n      if (child.type === 'folder') scanOptions(child, unlisted);\n    }\n  }\n\n  scanOptions(tree);\n  if (tree.fallback) scanOptions(tree.fallback, true);\n\n  return results;\n}\n\nfunction getFolderUrls(folder: PageTree.Folder, output: Set<string> = new Set()): Set<string> {\n  if (folder.index) output.add(folder.index.url);\n\n  for (const child of folder.children) {\n    if (child.type === 'page' && !child.external) output.add(child.url);\n    if (child.type === 'folder') getFolderUrls(child, output);\n  }\n\n  return output;\n}\n"],"mappings":";;;AAwBA,MAAMA,oBAAwD,QAAQ,SAAS;AAC7E,KAAI,CAAC,KAAK,KAAM,QAAO;AAEvB,QAAO;EACL,GAAG;EACH,MACE,oBAAC;GAAI,WAAU;aACZ,KAAK;IACF;EAET;;AAGH,SAAgB,eACd,MACA,EAAE,YAAY,qBAA4C,EAAE,EAC9C;CACd,MAAMC,UAAwB,EAAE;CAEhC,SAAS,YAAY,MAAuC,UAAoB;AAC9E,MAAI,UAAU,QAAQ,KAAK,MAAM;GAC/B,MAAM,OAAO,cAAc,KAAK;AAEhC,OAAI,KAAK,OAAO,GAAG;IACjB,MAAMC,SAAqB;KACzB,KAAK,KAAK,QAAQ,CAAC,MAAM,CAAC,SAAS;KACnC,OAAO,KAAK;KACZ,MAAM,KAAK;KACX;KACA,aAAa,KAAK;KAClB;KACD;IAED,MAAM,SAAS,YAAY,UAAU,QAAQ,KAAK,GAAG;AACrD,QAAI,OAAQ,SAAQ,KAAK,OAAO;;;AAIpC,OAAK,MAAM,SAAS,KAAK,SACvB,KAAI,MAAM,SAAS,SAAU,aAAY,OAAO,SAAS;;AAI7D,aAAY,KAAK;AACjB,KAAI,KAAK,SAAU,aAAY,KAAK,UAAU,KAAK;AAEnD,QAAO;;AAGT,SAAS,cAAc,QAAyB,yBAAsB,IAAI,KAAK,EAAe;AAC5F,KAAI,OAAO,MAAO,QAAO,IAAI,OAAO,MAAM,IAAI;AAE9C,MAAK,MAAM,SAAS,OAAO,UAAU;AACnC,MAAI,MAAM,SAAS,UAAU,CAAC,MAAM,SAAU,QAAO,IAAI,MAAM,IAAI;AACnE,MAAI,MAAM,SAAS,SAAU,eAAc,OAAO,OAAO;;AAG3D,QAAO"}

package/dist/components/steps.d.ts

@@ -1,8 +1,17 @@
-import type { ReactNode } from 'react';
-export declare function Steps({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function Step({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/steps.d.ts
+declare function Steps({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime35.JSX.Element;
+declare function Step({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime35.JSX.Element;
+//#endregion
+export { Step, Steps };
 //# sourceMappingURL=steps.d.ts.map

package/dist/components/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/components/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAE1D;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAEzD"}
+{"version":3,"file":"steps.d.ts","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":[],"mappings":";;;;iBAEgB,KAAA;;;YAAgC;IAAW,mBAAA,CAAA,GAAA,CAAA;AAA3C,iBAIA,IAAA,CAJK;EAAA;CAAA,EAAA;EAAG,QAAA,EAIuB,SAJvB;CAAwB,CAAA,EAIU,mBAAA,CAAA,GAAA,CAAA,OAJV"}

package/dist/components/steps.js

@@ -1,7 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Steps({ children }) {
-    return _jsx("div", { className: "fd-steps", children: children });
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/steps.tsx
+function Steps({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "fd-steps",
+		children
+	});
 }
-export function Step({ children }) {
-    return _jsx("div", { className: "fd-step", children: children });
+function Step({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "fd-step",
+		children
+	});
 }
+
+//#endregion
+export { Step, Steps };
+//# sourceMappingURL=steps.js.map

package/dist/components/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport function Steps({ children }: { children: ReactNode }) {\n  return <div className=\"fd-steps\">{children}</div>;\n}\n\nexport function Step({ children }: { children: ReactNode }) {\n  return <div className=\"fd-step\">{children}</div>;\n}\n"],"mappings":";;;AAEA,SAAgB,MAAM,EAAE,YAAqC;AAC3D,QAAO,oBAAC;EAAI,WAAU;EAAY;GAAe;;AAGnD,SAAgB,KAAK,EAAE,YAAqC;AAC1D,QAAO,oBAAC;EAAI,WAAU;EAAW;GAAe"}