fumadocs-ui 12.2.3 → 12.2.5

package/dist/{chunk-B2SICS6I.js → chunk-FOIG7ZU7.js}

@@ -109,14 +109,7 @@ function NavBox({
   );
 }
 function Title({ title, url = "/" }) {
-  return /* @__PURE__ */ jsx2(
-    Link,
-    {
-      href: url,
-      className: "inline-flex items-center gap-2.5 font-semibold [&_svg]:size-5",
-      children: title
-    }
-  );
+  return /* @__PURE__ */ jsx2(Link, { href: url, className: "inline-flex items-center gap-2.5 font-semibold", children: title });
 }
 
 // src/components/layout/link-item.tsx

package/dist/{chunk-G7WCPUM7.js → chunk-U2R7CI27.js}

@@ -17,26 +17,14 @@ import {
 // src/components/dialog/search.tsx
 import { FileTextIcon, HashIcon, TextIcon } from "lucide-react";
 import { useRouter } from "next/navigation";
-import { useMemo } from "react";
+import { useMemo, useCallback } from "react";
 
 // src/components/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
 import * as React from "react";
-import { DialogClose } from "@radix-ui/react-dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
-var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive,
-  {
-    ref,
-    className: twMerge("flex max-h-[80vh] flex-col", className),
-    shouldFilter: false,
-    loop: true,
-    ...props
-  }
-));
-Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [
+var CommandInput = React.forwardRef(({ className, onClose, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [
   /* @__PURE__ */ jsx(Search, { className: "size-4 text-muted-foreground" }),
   /* @__PURE__ */ jsx(
     CommandPrimitive.Input,
@@ -50,8 +38,11 @@ var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
     }
   ),
   /* @__PURE__ */ jsx(
-    CommandDialogClose,
+    "button",
     {
+      type: "button",
+      "aria-label": "Close Search",
+      onClick: onClose,
       className: twMerge(
         buttonVariants({
           color: "outline",
@@ -125,20 +116,14 @@ var CommandItem = React.forwardRef(({ className, icon, nested = false, children,
   }
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandDialog = React.forwardRef(({ footer, contentClassName, overlayClassName, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var CommandDialog = React.forwardRef(({ footer, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   CommandPrimitive.Dialog,
   {
     ref,
     shouldFilter: false,
     loop: true,
-    contentClassName: twMerge(
-      "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-popover text-popover-foreground shadow-lg data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in",
-      contentClassName
-    ),
-    overlayClassName: twMerge(
-      "fixed inset-0 z-50 bg-background/50 backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
-      overlayClassName
-    ),
+    contentClassName: "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-popover text-popover-foreground shadow-lg data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in",
+    overlayClassName: "fixed inset-0 z-50 bg-background/50 backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
     ...props,
     children: [
       children,
@@ -147,7 +132,6 @@ var CommandDialog = React.forwardRef(({ footer, contentClassName, overlayClassNa
   }
 ));
 CommandDialog.displayName = CommandPrimitive.Dialog.displayName;
-var CommandDialogClose = DialogClose;
 
 // src/components/dialog/search.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -201,6 +185,9 @@ function Search2({
       {
         value: search,
         onValueChange: onSearchChange,
+        onClose: useCallback(() => {
+          setOpenSearch(false);
+        }, [setOpenSearch]),
         placeholder: text.search
       }
     ),

package/dist/components/callout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
+declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
     title?: ReactNode;
     /**
      * @defaultValue info

package/dist/components/dialog/search-algolia.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   SearchDialog
-} from "../../chunk-G7WCPUM7.js";
+} from "../../chunk-U2R7CI27.js";
 import "../../chunk-3F57TIUQ.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-HLGNIWUN.js";

package/dist/components/dialog/search-default.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   SearchDialog
-} from "../../chunk-G7WCPUM7.js";
+} from "../../chunk-U2R7CI27.js";
 import "../../chunk-3F57TIUQ.js";
 import "../../chunk-ET4TW6M5.js";
 import {

package/dist/components/dialog/search.js

@@ -1,6 +1,6 @@
 import {
   SearchDialog
-} from "../../chunk-G7WCPUM7.js";
+} from "../../chunk-U2R7CI27.js";
 import "../../chunk-3F57TIUQ.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-HLGNIWUN.js";

package/dist/docs.client.js

@@ -7,7 +7,7 @@ import {
   SearchToggle,
   ThemeToggle,
   Title
-} from "./chunk-B2SICS6I.js";
+} from "./chunk-FOIG7ZU7.js";
 import {
   ScrollArea,
   ScrollViewport

package/dist/layout.client.js

@@ -7,7 +7,7 @@ import {
   SearchToggle,
   ThemeToggle,
   Title
-} from "./chunk-B2SICS6I.js";
+} from "./chunk-FOIG7ZU7.js";
 import "./chunk-GHKJ6EFT.js";
 import "./chunk-AN2Y6MA2.js";
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "12.2.3",
+  "version": "12.2.5",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -95,7 +95,7 @@
     "next-themes": "^0.3.0",
     "react-medium-image-zoom": "^5.2.4",
     "tailwind-merge": "^2.3.0",
-    "fumadocs-core": "12.2.3"
+    "fumadocs-core": "12.2.5"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.23.3",
@@ -108,8 +108,8 @@
     "postcss-cli": "^11.0.0",
     "postcss-lightningcss": "^1.0.0",
     "tailwindcss": "^3.4.4",
-    "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "eslint-config-custom": "0.0.0"
   },
   "peerDependencies": {
     "next": ">= 14.1.0",