fumadocs-ui 11.3.1 → 12.0.0

package/dist/i18n.js

@@ -2,111 +2,13 @@
 import {
   I18nContext,
   useI18n
-} from "./chunk-PW7TBOIJ.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-6C3VEZWH.js";
+} from "./chunk-CRYPD6UZ.js";
+import "./chunk-MLKGABMK.js";
 
 // src/i18n.tsx
 import { useCallback } from "react";
 import { useRouter, usePathname } from "next/navigation";
-
-// src/components/ui/select.tsx
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown } from "lucide-react";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Select = SelectPrimitive.Root;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: twMerge(
-      "flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: twMerge(
-      "relative z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-popover-out data-[state=open]:animate-popover-in",
-      className
-    ),
-    position,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      SelectPrimitive.Viewport,
-      {
-        className: twMerge(
-          "p-1",
-          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        ),
-        children
-      }
-    )
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: twMerge("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: twMerge(
-      "relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: twMerge("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-// src/i18n.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function LanguageSelect({
-  ...props
-}) {
-  const context = useI18n();
-  if (!context.translations)
-    throw new Error("Missing prop `translations`");
-  const languages = Object.entries(context.translations);
-  return /* @__PURE__ */ jsxs2(Select, { value: context.locale, onValueChange: context.onChange, ...props, children: [
-    /* @__PURE__ */ jsx2(SelectTrigger, { children: /* @__PURE__ */ jsx2(SelectValue, { placeholder: context.text.chooseLanguage }) }),
-    /* @__PURE__ */ jsx2(SelectContent, { children: languages.map(([lang, { name }]) => /* @__PURE__ */ jsx2(SelectItem, { value: lang, children: name }, lang)) })
-  ] });
-}
+import { jsx } from "react/jsx-runtime";
 function I18nProvider({
   translations = {},
   locale: forceLocale,
@@ -125,7 +27,7 @@ function I18nProvider({
     },
     [segments, router]
   );
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     I18nContext.Provider,
     {
       value: {
@@ -142,6 +44,5 @@ function I18nProvider({
   );
 }
 export {
-  I18nProvider,
-  LanguageSelect
+  I18nProvider
 };

package/dist/{layout-vxXAvjoq.d.ts → layout.client-Duq0TTke.d.ts}

@@ -1,5 +1,5 @@
-import { PageTree } from 'fumadocs-core/server';
 import { ReactNode, HTMLAttributes } from 'react';
+import { PageTree } from 'fumadocs-core/server';
 
 interface NavProps {
     title?: ReactNode;
@@ -8,8 +8,6 @@ interface NavProps {
      * @defaultValue '/'
      */
     url?: string;
-    items: LinkItemType[];
-    enableSidebar: boolean;
     /**
      * Show/hide search toggle
      *
@@ -23,7 +21,9 @@ interface NavProps {
     transparentMode?: 'always' | 'top' | 'none';
     children?: ReactNode;
 }
-declare function Nav({ title, url, items, transparentMode, enableSidebar, enableSearch, children, }: NavProps): React.ReactElement;
+declare function Nav({ title, url, items, transparentMode, enableSearch, children, }: NavProps & {
+    items: LinkItemType[];
+}): React.ReactElement;
 
 interface SidebarProps {
     items: LinkItemType[];
@@ -36,7 +36,9 @@ interface SidebarProps {
     defaultOpenLevel?: number;
     components?: Partial<Components>;
     banner?: React.ReactNode;
+    bannerProps?: HTMLAttributes<HTMLDivElement>;
     footer?: React.ReactNode;
+    footerProps?: HTMLAttributes<HTMLDivElement>;
 }
 interface Components {
     Item: React.FC<{
@@ -50,8 +52,8 @@ interface Components {
         item: PageTree.Separator;
     }>;
 }
-declare function Sidebar({ footer, components, defaultOpenLevel, banner, items, ...props }: SidebarProps & {
-    className?: string;
+declare function Sidebar({ footer, components, defaultOpenLevel, banner, items, aside, bannerProps, footerProps, }: SidebarProps & {
+    aside?: HTMLAttributes<HTMLElement> & Record<string, unknown>;
 }): React.ReactElement;
 
 type ActiveType = 'none' | 'url' | 'nested-url';
@@ -85,13 +87,9 @@ type LinkItemType = {
     text: string;
     external?: boolean;
 };
-interface NavOptions extends Omit<NavProps, 'enableSidebar' | 'collapsibleSidebar' | 'items'> {
+interface NavOptions extends Omit<NavProps, 'items'> {
     enabled: boolean;
     component: ReactNode;
-    /**
-     * GitHub url displayed on the navbar
-     */
-    githubUrl: string;
 }
 interface SidebarOptions extends Omit<SidebarProps, 'items'> {
     enabled: boolean;
@@ -99,19 +97,29 @@ interface SidebarOptions extends Omit<SidebarProps, 'items'> {
     collapsible: boolean;
 }
 interface BaseLayoutProps {
+    /**
+     * GitHub url
+     */
+    githubUrl?: string;
     links?: LinkItemType[];
     /**
      * Replace or disable navbar
      */
     nav?: Partial<NavOptions>;
-    children: ReactNode;
+    children?: ReactNode;
 }
 interface DocsLayoutProps extends BaseLayoutProps {
     tree: PageTree.Root;
     sidebar?: Partial<SidebarOptions>;
     containerProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Enable Language Switch
+     *
+     * @defaultValue false
+     */
+    i18n?: boolean;
 }
-declare function Layout({ nav, links, children, }: BaseLayoutProps): React.ReactElement;
-declare function DocsLayout({ nav, sidebar, links, containerProps, tree, children, }: DocsLayoutProps): React.ReactElement;
+declare function Layout({ nav, links, githubUrl, children, }: BaseLayoutProps): React.ReactElement;
+declare function DocsLayout({ nav, githubUrl, sidebar, links, containerProps, tree, i18n, children, }: DocsLayoutProps): React.ReactElement;
 
-export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItemType as L, Nav as N, type SidebarProps as S, Sidebar as a, Layout as b, DocsLayout as c };
+export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItemType as L, type NavProps as N, type SidebarProps as S, Sidebar as a, Layout as b, DocsLayout as c, Nav as d };

package/dist/layout.client.d.ts

@@ -1,9 +1,3 @@
-export { T as TreeContextProvider } from './tree-cqNEopxM.js';
-import { S as SidebarProps } from './layout-vxXAvjoq.js';
-export { N as Nav, a as Sidebar } from './layout-vxXAvjoq.js';
-import 'fumadocs-core/server';
+export { d as Nav } from './layout.client-Duq0TTke.js';
 import 'react';
-
-declare function DynamicSidebar(props: SidebarProps): React.ReactElement;
-
-export { DynamicSidebar };
+import 'fumadocs-core/server';