fumadocs-ui 10.0.5 → 10.1.0

package/dist/components/type-table.js

@@ -3,7 +3,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "../chunk-CYNHK27D.js";
+} from "../chunk-AVHD2JXX.js";
 import {
   twMerge
 } from "../chunk-TK3TM3MR.js";
@@ -14,7 +14,9 @@ import { InfoIcon } from "lucide-react";
 import Link from "next/link";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Info({ children }) {
+function Info({
+  children
+}) {
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "prose text-sm", children })
@@ -35,7 +37,7 @@ function TypeTable({
     /* @__PURE__ */ jsx("thead", { className: "border-b", children: /* @__PURE__ */ jsxs("tr", { children: [
       /* @__PURE__ */ jsx("th", { className: twMerge(th(), "w-[45%]"), children: "Prop" }),
       /* @__PURE__ */ jsx("th", { className: twMerge(th(), "w-[30%]"), children: "Type" }),
-      /* @__PURE__ */ jsx("th", { className: twMerge(th(), "w-[25%]"), children: "Default" })
+      /* @__PURE__ */ jsx("th", { className: twMerge(th(), "w-1/4"), children: "Default" })
     ] }) }),
     /* @__PURE__ */ jsx("tbody", { className: "border-collapse divide-y divide-border", children: Object.entries(type).map(([key, value]) => /* @__PURE__ */ jsxs("tr", { children: [
       /* @__PURE__ */ jsx("td", { className: td(), children: /* @__PURE__ */ jsxs("div", { className: field(), children: [

package/dist/i18n.d.mts

@@ -4,7 +4,7 @@ import { N as NamedTranslation } from './i18n-dw7ODAws.mjs';
 export { T as Translations } from './i18n-dw7ODAws.mjs';
 
 type LanguageSelectProps = Omit<SelectProps, 'value' | 'onValueChange'>;
-declare function LanguageSelect({ ...props }: LanguageSelectProps): JSX.Element;
+declare function LanguageSelect({ ...props }: LanguageSelectProps): React.ReactElement;
 interface I18nProviderProps {
     /**
      * Force a locale
@@ -16,6 +16,6 @@ interface I18nProviderProps {
     translations?: Record<string, NamedTranslation>;
     children: ReactNode;
 }
-declare function I18nProvider({ translations, locale: forceLocale, children, }: I18nProviderProps): JSX.Element;
+declare function I18nProvider({ translations, locale: forceLocale, children, }: I18nProviderProps): React.ReactElement;
 
 export { I18nProvider, LanguageSelect, type LanguageSelectProps };

package/dist/i18n.js

@@ -40,7 +40,7 @@ var SelectContent = React.forwardRef(({ className, children, position = "popper"
   {
     ref,
     className: twMerge(
-      "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-popover-out data-[state=open]:animate-popover-in",
+      "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",
       position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
@@ -96,7 +96,9 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/i18n.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function LanguageSelect({ ...props }) {
+function LanguageSelect({
+  ...props
+}) {
   const context = useI18n();
   if (!context.translations)
     throw new Error("Missing prop `translations`");

package/dist/{layout-W7dJ6OHQ.d.mts → layout-joG0n3LI.d.mts}

@@ -25,7 +25,7 @@ interface NavProps {
     transparentMode?: 'always' | 'top' | 'none';
     children?: ReactNode;
 }
-declare function Nav({ title, url, links, items, transparentMode, enableSidebar, collapsibleSidebar, children, }: NavProps): JSX.Element;
+declare function Nav({ title, url, links, items, transparentMode, enableSidebar, collapsibleSidebar, children, }: NavProps): React.ReactElement;
 
 interface SidebarProps {
     items: LinkItem[];
@@ -52,7 +52,7 @@ interface Components {
         item: PageTree.Separator;
     }>;
 }
-declare function Sidebar({ banner, footer, components, items, defaultOpenLevel, }: SidebarProps): JSX.Element;
+declare function Sidebar({ banner, footer, components, items, defaultOpenLevel, }: SidebarProps): React.ReactElement;
 
 interface LinkItem {
     url: string;
@@ -86,7 +86,7 @@ interface DocsLayoutProps extends BaseLayoutProps {
     sidebar?: Partial<SidebarOptions>;
     containerProps?: HTMLAttributes<HTMLDivElement>;
 }
-declare function Layout({ nav, links, children, }: BaseLayoutProps): JSX.Element;
-declare function DocsLayout({ nav, sidebar, links, containerProps, tree, children, }: DocsLayoutProps): JSX.Element;
+declare function Layout({ nav, links, children, }: BaseLayoutProps): React.ReactElement;
+declare function DocsLayout({ nav, sidebar, links, containerProps, tree, children, }: DocsLayoutProps): React.ReactElement;
 
 export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItem as L, Nav as N, Sidebar as S, Layout as a, DocsLayout as b };

package/dist/layout.client.d.mts

@@ -1,4 +1,4 @@
-export { T as TreeContextProvider } from './tree-ersey5_u.mjs';
-export { N as Nav, S as Sidebar } from './layout-W7dJ6OHQ.mjs';
+export { T as TreeContextProvider } from './tree-cqNEopxM.mjs';
+export { N as Nav, S as Sidebar } from './layout-joG0n3LI.mjs';
 import 'fumadocs-core/server';
 import 'react';

package/dist/layout.client.js

@@ -12,9 +12,10 @@ import {
 } from "./chunk-VYTHQTZE.js";
 import {
   Popover,
+  PopoverClose,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-CYNHK27D.js";
+} from "./chunk-AVHD2JXX.js";
 import {
   hasActive,
   isActive
@@ -56,7 +57,6 @@ import {
   useState,
   useCallback as useCallback2
 } from "react";
-import { PopoverClose } from "@radix-ui/react-popover";
 
 // src/components/theme-toggle.tsx
 import { cva } from "class-variance-authority";
@@ -132,7 +132,14 @@ function Nav({
         transparent ? "border-transparent" : "border-foreground/10 bg-background/50 backdrop-blur-md"
       ),
       children: /* @__PURE__ */ jsxs2("nav", { className: "container flex h-full flex-row items-center gap-4", children: [
-        /* @__PURE__ */ jsx2(Link, { href: url, className: "inline-flex items-center font-bold", children: title }),
+        /* @__PURE__ */ jsx2(
+          Link,
+          {
+            href: url,
+            className: "inline-flex items-center gap-3 font-semibold",
+            children: title
+          }
+        ),
         children,
         items.map((item) => /* @__PURE__ */ jsx2(NavItem, { item, className: "max-lg:hidden" }, item.url)),
         /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-row items-center justify-end md:gap-2", children: [
@@ -164,7 +171,7 @@ function Nav({
             "div",
             {
               className: twMerge(
-                "flex flex-row items-center border-l pl-2 max-md:hidden",
+                "flex flex-row items-center border-s ps-2 max-md:hidden",
                 links.length === 0 && "hidden"
               ),
               children: links.map((item) => /* @__PURE__ */ jsx2(
@@ -216,9 +223,9 @@ function SearchToggle() {
         className: "inline-flex w-full max-w-[240px] items-center gap-2 rounded-full border bg-secondary/50 p-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground max-md:hidden",
         onClick,
         children: [
-          /* @__PURE__ */ jsx2(SearchIcon, { "aria-label": "Open Search", className: "ml-1 size-4" }),
+          /* @__PURE__ */ jsx2(SearchIcon, { "aria-label": "Open Search", className: "ms-1 size-4" }),
           text.search,
-          /* @__PURE__ */ jsxs2("div", { className: "ml-auto inline-flex gap-0.5 text-xs", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "ms-auto inline-flex gap-0.5 text-xs", children: [
             /* @__PURE__ */ jsx2("kbd", { className: shortcut(), children: "\u2318" }),
             /* @__PURE__ */ jsx2("kbd", { className: shortcut(), children: "K" })
           ] })
@@ -227,7 +234,9 @@ function SearchToggle() {
     )
   ] });
 }
-function SidebarToggle({ collapsible }) {
+function SidebarToggle({
+  collapsible
+}) {
   const [open, setOpen] = useSidebarCollapse();
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx2(
@@ -274,8 +283,8 @@ var NavItem = forwardRef(({ item, className, ...props }, ref) => {
       href: url,
       external,
       className: twMerge(
-        "text-sm text-muted-foreground",
-        isActive(url, pathname) ? "font-medium text-accent-foreground" : "transition-colors hover:text-accent-foreground",
+        "text-sm text-muted-foreground transition-colors",
+        isActive(url, pathname) ? "font-medium text-accent-foreground" : "hover:text-accent-foreground",
         className
       ),
       ...props,
@@ -361,7 +370,11 @@ function Sidebar({
     }
   );
 }
-function NodeList({ items, level = 0, ...props }) {
+function NodeList({
+  items,
+  level = 0,
+  ...props
+}) {
   const { components } = useContext(SidebarContext);
   return /* @__PURE__ */ jsx3("div", { ...props, children: items.map((item) => {
     const id = `${item.type}_${item.name}`;
@@ -381,7 +394,7 @@ function BaseItem({
 }) {
   const pathname = usePathname2();
   const active = isActive(item.url, pathname, nested);
-  const defaultIcon = item.external ? /* @__PURE__ */ jsx3(ExternalLinkIcon, {}) : null;
+  const icon = item.icon ?? (item.external ? /* @__PURE__ */ jsx3(ExternalLinkIcon, {}) : null);
   return /* @__PURE__ */ jsxs3(
     Link2,
     {
@@ -389,7 +402,7 @@ function BaseItem({
       external: item.external,
       className: twMerge(itemVariants({ active })),
       children: [
-        item.icon ?? defaultIcon,
+        icon,
         item.text
       ]
     }
@@ -406,13 +419,12 @@ function FolderNode({
     () => hasActive(children, pathname),
     [children, pathname]
   );
-  const [extend, setExtend] = useState2(
-    active || childActive || defaultOpenLevel >= level || defaultOpen
-  );
+  const shouldExtend = active || childActive || defaultOpenLevel >= level || defaultOpen;
+  const [extend, setExtend] = useState2(shouldExtend);
   useEffect2(() => {
-    if (active || childActive)
+    if (shouldExtend)
       setExtend(true);
-  }, [active, childActive]);
+  }, [shouldExtend]);
   const content = /* @__PURE__ */ jsxs3(Fragment2, { children: [
     icon,
     name,
@@ -423,7 +435,7 @@ function FolderNode({
           setExtend((prev) => !prev);
           e.preventDefault();
         },
-        className: twMerge("ml-auto transition-transform", !extend && "-rotate-90")
+        className: twMerge("ms-auto transition-transform", !extend && "-rotate-90")
       }
     )
   ] });
@@ -444,7 +456,7 @@ function FolderNode({
         /* @__PURE__ */ jsx3(CollapsibleContent, { children: /* @__PURE__ */ jsx3(
           NodeList,
           {
-            className: "ml-4 flex flex-col border-l py-2 pl-2",
+            className: "ms-4 flex flex-col border-s py-2 ps-2",
             items: children,
             level
           }
@@ -453,7 +465,9 @@ function FolderNode({
     }
   );
 }
-function SeparatorNode({ item }) {
+function SeparatorNode({
+  item
+}) {
   return /* @__PURE__ */ jsx3("p", { className: "mb-2 mt-8 px-2 font-medium first:mt-0", children: item.name });
 }
 export {

package/dist/layout.d.mts

@@ -1,3 +1,3 @@
 import 'fumadocs-core/server';
 import 'react';
-export { B as BaseLayoutProps, b as DocsLayout, D as DocsLayoutProps, a as Layout, L as LinkItem } from './layout-W7dJ6OHQ.mjs';
+export { B as BaseLayoutProps, b as DocsLayout, D as DocsLayoutProps, a as Layout, L as LinkItem } from './layout-joG0n3LI.mjs';

package/dist/layout.js

@@ -12,7 +12,6 @@ import {
 import "./chunk-6C3VEZWH.js";
 
 // src/layout.tsx
-import { GithubIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Layout({
   nav = {},
@@ -71,7 +70,7 @@ function getNav(enableSidebar, collapsibleSidebar, items, { githubUrl, links, ..
       {
         href: githubUrl,
         label: "Github",
-        icon: /* @__PURE__ */ jsx(GithubIcon, {}),
+        icon: /* @__PURE__ */ jsx("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) }),
         external: true
       }
     ];

package/dist/mdx.client.d.mts

@@ -1,6 +1,6 @@
 import { CodeBlockProps } from './components/codeblock.mjs';
 import 'react';
 
-declare function Pre({ title, allowCopy, icon, ...props }: CodeBlockProps): JSX.Element;
+declare function Pre({ title, allowCopy, icon, ...props }: CodeBlockProps): React.ReactElement;
 
 export { Pre };

package/dist/mdx.d.mts

@@ -1,21 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FC, HTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from 'react';
 import { Card, Cards } from './components/card.mjs';
 import 'fumadocs-core/link';
 
-declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): JSX.Element;
-declare function Table(props: TableHTMLAttributes<HTMLTableElement>): JSX.Element;
+declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): React.ReactElement;
+declare function Table(props: TableHTMLAttributes<HTMLTableElement>): React.ReactElement;
 declare const defaultMdxComponents: {
     pre: FC<HTMLAttributes<HTMLPreElement>>;
     Card: typeof Card;
     Cards: typeof Cards;
     a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
     img: typeof Image;
-    h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
-    h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
-    h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
-    h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
-    h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
-    h6: (props: React.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
+    h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h6: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
     table: typeof Table;
 };
 /**

package/dist/page.client.d.mts

@@ -1,14 +1,14 @@
 import { TOCItemType } from 'fumadocs-core/server';
 
-declare function TOCItems({ items }: {
+declare function TOCItems({ items, }: {
     items: TOCItemType[];
-}): JSX.Element;
+}): React.ReactElement;
 
-declare function Breadcrumb(): JSX.Element;
+declare function Breadcrumb(): React.ReactElement;
 
 declare function LastUpdate(props: {
     date: Date;
-}): JSX.Element;
+}): React.ReactElement;
 interface FooterProps {
     /**
      * Items including information for the next and previous page
@@ -24,6 +24,6 @@ interface FooterProps {
         };
     };
 }
-declare function Footer({ items }: FooterProps): JSX.Element;
+declare function Footer({ items }: FooterProps): React.ReactElement;
 
 export { Breadcrumb, Footer, type FooterProps, LastUpdate, TOCItems };

package/dist/page.client.js

@@ -27,7 +27,9 @@ import { TextIcon } from "lucide-react";
 import * as Primitive from "fumadocs-core/toc";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function TOCItems({ items }) {
+function TOCItems({
+  items
+}) {
   const { text } = useI18n();
   const containerRef = useRef(null);
   const markerRef = useRef(null);
@@ -35,8 +37,8 @@ function TOCItems({ items }) {
     const element = markerRef.current;
     if (!element)
       return;
-    element.style.setProperty("top", `${top}px`);
-    element.style.setProperty("height", `${height}px`);
+    element.style.setProperty("top", `${top.toString()}px`);
+    element.style.setProperty("height", `${height.toString()}px`);
     element.style.setProperty("display", `block`);
   };
   return /* @__PURE__ */ jsx(ScrollArea, { className: "pt-4 text-sm first:pt-0", children: /* @__PURE__ */ jsx(ScrollViewport, { className: "relative", ref: containerRef, children: /* @__PURE__ */ jsxs(Primitive.TOCScrollProvider, { containerRef, toc: items, children: [
@@ -154,7 +156,7 @@ function Footer({ items }) {
       /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "size-5 shrink-0" }),
       /* @__PURE__ */ jsx3("p", { className: "font-medium text-foreground", children: previous.name })
     ] }) : null,
-    next ? /* @__PURE__ */ jsxs3(Link2, { href: next.url, className: footerItem({ className: "ml-auto" }), children: [
+    next ? /* @__PURE__ */ jsxs3(Link2, { href: next.url, className: footerItem({ className: "ms-auto" }), children: [
       /* @__PURE__ */ jsx3("p", { className: "text-end font-medium text-foreground", children: next.name }),
       /* @__PURE__ */ jsx3(ChevronRightIcon2, { className: "size-5 shrink-0" })
     ] }) : null

package/dist/page.d.mts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import { ReactNode, HTMLAttributes } from 'react';
 import { TableOfContents, TOCItemType } from 'fumadocs-core/server';
 import { FooterProps } from './page.client.mjs';
@@ -29,7 +29,7 @@ interface DocsPageProps {
     lastUpdate?: Date | string | number;
     children: ReactNode;
 }
-declare function DocsPage({ tableOfContent, breadcrumb, footer, ...props }: DocsPageProps): JSX.Element;
+declare function DocsPage({ tableOfContent, breadcrumb, footer, ...props }: DocsPageProps): React.ReactElement;
 interface TOCProps {
     items: TOCItemType[];
     /**
@@ -44,6 +44,6 @@ interface TOCProps {
 /**
  * Add typography styles
  */
-declare const DocsBody: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DocsBody: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 export { DocsBody, DocsPage, type DocsPageProps };

package/dist/provider.d.mts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { ComponentType, ReactNode } from 'react';
+import * as React$1 from 'react';
+import { ReactNode } from 'react';
 import { DefaultSearchDialogProps } from './components/dialog/search-default.mjs';
 import { SearchLink, SharedProps } from './components/dialog/search.mjs';
 export { u as useI18n } from './i18n-dw7ODAws.mjs';
-export { u as useTreeContext } from './tree-ersey5_u.mjs';
+export { u as useTreeContext } from './tree-cqNEopxM.mjs';
 import 'fumadocs-core/search/shared';
 import 'fumadocs-core/server';
 
@@ -23,12 +23,12 @@ interface SearchProviderProps {
      *
      * It receives the `open` and `onOpenChange` prop, can be lazy loaded with `next/dynamic`
      */
-    SearchDialog: ComponentType<SharedProps>;
+    SearchDialog: React$1.ComponentType<SharedProps>;
     /**
      * Additional props to the dialog
      */
     options?: object;
-    children?: ReactNode;
+    children?: React$1.ReactNode;
 }
 interface SearchContextType {
     setOpenSearch: (value: boolean) => void;
@@ -36,10 +36,14 @@ interface SearchContextType {
 declare function useSearchContext(): SearchContextType;
 
 type SidebarCollapseContext = [open: boolean, setOpen: (v: boolean) => void];
-declare const SidebarCollapseContext: React.Context<SidebarCollapseContext | undefined>;
+declare const SidebarCollapseContext: React$1.Context<SidebarCollapseContext | undefined>;
 declare function useSidebarCollapse(): SidebarCollapseContext;
 
 interface RootProviderProps {
+    /**
+     * `dir` option for Radix UI
+     */
+    dir?: 'rtl' | 'ltr';
     /**
      * @remarks `SearchProviderProps`
      */
@@ -54,6 +58,6 @@ interface RootProviderProps {
     enableThemeProvider?: boolean;
     children: ReactNode;
 }
-declare function RootProvider({ children, enableThemeProvider, search, }: RootProviderProps): JSX.Element;
+declare function RootProvider({ children, dir, enableThemeProvider, search, }: RootProviderProps): React.ReactElement;
 
 export { RootProvider, type RootProviderProps, useSearchContext, useSidebarCollapse };

package/dist/provider.js

@@ -20,6 +20,7 @@ import "./chunk-6C3VEZWH.js";
 import { SidebarProvider } from "fumadocs-core/sidebar";
 import { ThemeProvider } from "next-themes";
 import dynamic from "next/dynamic";
+import { DirectionProvider } from "@radix-ui/react-direction";
 import { jsx } from "react/jsx-runtime";
 var DefaultSearchDialog = dynamic(
   () => import("./components/dialog/search-default.js"),
@@ -27,20 +28,25 @@ var DefaultSearchDialog = dynamic(
 );
 function RootProvider({
   children,
+  dir,
   enableThemeProvider = true,
   search
 }) {
-  const body = /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsx(SidebarCollapseProvider, { children: /* @__PURE__ */ jsx(SearchProvider, { SearchDialog: DefaultSearchDialog, ...search, children }) }) });
-  return enableThemeProvider ? /* @__PURE__ */ jsx(
-    ThemeProvider,
-    {
-      attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true,
-      children: body
-    }
-  ) : body;
+  let body = /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsx(SidebarCollapseProvider, { children: /* @__PURE__ */ jsx(SearchProvider, { SearchDialog: DefaultSearchDialog, ...search, children }) }) });
+  if (enableThemeProvider)
+    body = /* @__PURE__ */ jsx(
+      ThemeProvider,
+      {
+        attribute: "class",
+        defaultTheme: "system",
+        enableSystem: true,
+        disableTransitionOnChange: true,
+        children: body
+      }
+    );
+  if (dir)
+    body = /* @__PURE__ */ jsx(DirectionProvider, { dir, children: body });
+  return body;
 }
 export {
   RootProvider,