@fumadocs/base-ui 16.12.0 → 16.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@ import { VariantProps } from "class-variance-authority";
3
3
  declare const buttonVariants: (props?: ({
4
4
  variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
5
5
  color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
6
- size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
6
+ size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  type ButtonProps = VariantProps<typeof buttonVariants>;
9
9
  //#endregion
@@ -50,44 +50,44 @@ function DocsLayout(props) {
50
50
  slots,
51
51
  ...linkItems
52
52
  },
53
- children: /* @__PURE__ */ jsxs(TreeContextProvider, {
53
+ children: /* @__PURE__ */ jsx(TreeContextProvider, {
54
54
  tree,
55
- children: [/* @__PURE__ */ jsx(slots.sidebar.provider, {
55
+ children: /* @__PURE__ */ jsxs(slots.sidebar.provider, {
56
56
  defaultOpenLevel,
57
57
  prefetch,
58
- children: /* @__PURE__ */ jsxs(slots.container, {
58
+ children: [/* @__PURE__ */ jsxs(slots.container, {
59
59
  ...containerProps,
60
60
  children: [sidebarEnabled && /* @__PURE__ */ jsx(slots.sidebar.root, { ...sidebarProps }), children]
61
- })
62
- }), renderNavigationPanel({
63
- head: /* @__PURE__ */ jsxs(Fragment, { children: [slots.navTitle && /* @__PURE__ */ jsx(slots.navTitle, { className: "inline-flex items-center gap-2.5 text-sm font-semibold" }), nav.children] }),
64
- tabDropdown: slots.tabDropdown && tabs.length > 0 && /* @__PURE__ */ jsx(slots.tabDropdown, {
65
- className: "flex-1",
66
- tabs
67
- }),
68
- tool: /* @__PURE__ */ jsxs(Fragment, { children: [
69
- slots.languageSelect && /* @__PURE__ */ jsx(slots.languageSelect.root, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }) }),
70
- slots.searchTrigger && /* @__PURE__ */ jsx(slots.searchTrigger.sm, {
71
- hideIfDisabled: true,
72
- className: "rounded-lg"
61
+ }), renderNavigationPanel({
62
+ head: /* @__PURE__ */ jsxs(Fragment, { children: [slots.navTitle && /* @__PURE__ */ jsx(slots.navTitle, { className: "inline-flex items-center gap-2.5 text-sm font-semibold" }), nav.children] }),
63
+ tabDropdown: slots.tabDropdown && tabs.length > 0 && /* @__PURE__ */ jsx(slots.tabDropdown, {
64
+ className: "flex-1",
65
+ tabs
73
66
  }),
74
- slots.sidebar && /* @__PURE__ */ jsx(slots.sidebar.trigger, { className: cn(buttonVariants({
75
- variant: "ghost",
76
- size: "icon-sm",
77
- className: "overflow-hidden"
78
- })) }),
79
- slots.themeSwitch && /* @__PURE__ */ jsx(slots.themeSwitch, { className: "p-1 h-full ms-1 rounded-xl bg-fd-muted *:rounded-lg" })
80
- ] }),
81
- link: linkItems.menuItems.filter((item) => item.type === "icon").map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
82
- item,
83
- className: cn(buttonVariants({
84
- size: "icon-sm",
85
- color: "ghost"
86
- })),
87
- "aria-label": item.label,
88
- children: item.icon
89
- }, i))
90
- })]
67
+ tool: /* @__PURE__ */ jsxs(Fragment, { children: [
68
+ slots.languageSelect && /* @__PURE__ */ jsx(slots.languageSelect.root, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }) }),
69
+ slots.searchTrigger && /* @__PURE__ */ jsx(slots.searchTrigger.sm, {
70
+ hideIfDisabled: true,
71
+ className: "rounded-lg"
72
+ }),
73
+ slots.sidebar && /* @__PURE__ */ jsx(slots.sidebar.trigger, { className: cn(buttonVariants({
74
+ variant: "ghost",
75
+ size: "icon-sm",
76
+ className: "overflow-hidden"
77
+ })) }),
78
+ slots.themeSwitch && /* @__PURE__ */ jsx(slots.themeSwitch, { className: "p-1 h-full ms-1 rounded-xl bg-fd-muted *:rounded-lg" })
79
+ ] }),
80
+ link: linkItems.menuItems.filter((item) => item.type === "icon").map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
81
+ item,
82
+ className: cn(buttonVariants({
83
+ size: "icon-sm",
84
+ color: "ghost"
85
+ })),
86
+ "aria-label": item.label,
87
+ children: item.icon
88
+ }, i))
89
+ })]
90
+ })
91
91
  })
92
92
  });
93
93
  }
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { cn } from "../../../utils/cn.js";
3
3
  import { mergeRefs } from "../../../utils/merge-refs.js";
4
- import { SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider as SidebarProvider$1, SidebarSeparator as SidebarSeparator$1, SidebarViewport, base_exports, useFolder, useFolderDepth } from "../../../components/sidebar/base.js";
4
+ import { SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider as SidebarProvider$1, SidebarSeparator as SidebarSeparator$1, base_exports, useFolder, useFolderDepth } from "../../../components/sidebar/base.js";
5
5
  import { createPageTreeRenderer } from "../../../components/sidebar/page-tree.js";
6
6
  import { createLinkItemRenderer } from "../../../components/sidebar/link-item.js";
7
7
  import { useFluxLayout } from "../index.js";
@@ -40,13 +40,13 @@ function Sidebar({ footer, banner, components, ...rest }) {
40
40
  className: "flex flex-col gap-3 p-4 pb-2 empty:hidden",
41
41
  children: banner
42
42
  }),
43
- /* @__PURE__ */ jsx(SidebarViewport, { children: /* @__PURE__ */ jsxs("div", {
44
- className: "flex flex-col",
43
+ /* @__PURE__ */ jsxs("div", {
44
+ className: "flex flex-col p-4",
45
45
  children: [menuItems.filter((v) => v.type !== "icon").map((item, i, list) => /* @__PURE__ */ jsx(SidebarLinkItem, {
46
46
  item,
47
47
  className: cn(i === list.length - 1 && "mb-4")
48
48
  }, i)), /* @__PURE__ */ jsx(SidebarPageTree, { ...components })]
49
- }) }),
49
+ }),
50
50
  footer
51
51
  ]
52
52
  });
@@ -1,7 +1,7 @@
1
1
  import { ComponentProps } from "react";
2
2
  //#region src/layouts/home/slots/header.d.ts
3
3
  declare const navItemVariants: (props?: ({
4
- variant?: "icon" | "main" | "button" | null | undefined;
4
+ variant?: "button" | "main" | "icon" | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
6
  declare function Header(props: ComponentProps<'header'>): import("react").JSX.Element;
7
7
  //#endregion
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fumadocs/base-ui",
3
- "version": "16.12.0",
3
+ "version": "16.12.1",
4
4
  "description": "The Base UI version of Fumadocs UI",
5
5
  "keywords": [
6
6
  "Docs",
@@ -154,9 +154,9 @@
154
154
  "tailwindcss": "^4.3.3",
155
155
  "tsdown": "0.22.13",
156
156
  "unified": "^11.0.5",
157
- "fumadocs-core": "16.12.0",
158
- "tsconfig": "0.0.0",
159
- "@fumadocs/cli": "1.4.1"
157
+ "@fumadocs/cli": "1.4.1",
158
+ "fumadocs-core": "16.12.1",
159
+ "tsconfig": "0.0.0"
160
160
  },
161
161
  "peerDependencies": {
162
162
  "@types/mdx": "*",
@@ -165,7 +165,7 @@
165
165
  "react": "^19.2.0",
166
166
  "react-dom": "^19.2.0",
167
167
  "takumi-js": "*",
168
- "fumadocs-core": "16.12.0"
168
+ "fumadocs-core": "16.12.1"
169
169
  },
170
170
  "peerDependenciesMeta": {
171
171
  "next": {