fumadocs-ui 16.6.8 → 16.6.9

package/css/generated/shared.css

@@ -822,6 +822,7 @@
 @source inline("rtl");
 @source inline("rtl:-scale-x-100");
 @source inline("rtl:rotate-180");
+@source inline("rtl:rotate-90");
 @source inline("s");
 @source inline("scroll");
 @source inline("scroll-into-view-if-needed");

package/css/lib/base.css

@@ -175,7 +175,7 @@
 @utility fd-steps {
   counter-reset: step;
   position: relative;
-  @apply pl-6 ml-2 border-l sm:ml-4 sm:pl-7;
+  @apply ps-6 ms-2 border-s sm:ms-4 sm:ps-7;
 }
 
 @utility fd-step {

package/dist/components/codeblock.rsc.d.ts

@@ -0,0 +1,21 @@
+import { CodeBlockProps } from "./codeblock.js";
+import * as react from "react";
+import { HighlightOptions } from "fumadocs-core/highlight";
+
+//#region src/components/codeblock.rsc.d.ts
+type ServerCodeBlockProps = HighlightOptions & {
+  code: string;
+  /**
+   * Extra props for the underlying `<CodeBlock />` component.
+   *
+   * Ignored if you defined your own `pre` component in `components`.
+   */
+  codeblock?: CodeBlockProps;
+};
+declare function ServerCodeBlock({
+  code,
+  codeblock,
+  ...options
+}: ServerCodeBlockProps): Promise<react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | (string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined)>;
+//#endregion
+export { ServerCodeBlock, ServerCodeBlockProps };

package/dist/components/codeblock.rsc.js

@@ -0,0 +1,23 @@
+import { cn } from "../utils/cn.js";
+import { CodeBlock, Pre } from "./codeblock.js";
+import { jsx } from "react/jsx-runtime";
+import { highlight } from "fumadocs-core/highlight";
+
+//#region src/components/codeblock.rsc.tsx
+async function ServerCodeBlock({ code, codeblock, ...options }) {
+	return await highlight(code, {
+		...options,
+		components: {
+			pre: (props) => {
+				CodeBlock, {
+					...props,
+					...codeblock
+				}, cn("my-0", props.className, codeblock?.className), Pre, props.children;
+			},
+			...options.components
+		}
+	});
+}
+
+//#endregion
+export { ServerCodeBlock };

package/dist/components/dynamic-codeblock.js

@@ -2,8 +2,8 @@
 
 import { DynamicCodeBlock as DynamicCodeBlock$1 } from "./dynamic-codeblock.core.js";
 import { jsx } from "react/jsx-runtime";
-import { useShikiConfigOptional } from "fumadocs-core/highlight/core/client";
 import { configDefault } from "fumadocs-core/highlight";
+import { useShikiConfigOptional } from "fumadocs-core/highlight/core/client";
 
 //#region src/components/dynamic-codeblock.tsx
 function DynamicCodeBlock(props) {

package/dist/components/sidebar/base.js

@@ -179,7 +179,7 @@ function SidebarFolderTrigger({ children, ...props }) {
 		...props,
 		children: [children, /* @__PURE__ */ jsx(ChevronDown, {
 			"data-icon": true,
-			className: cn("ms-auto transition-transform", !open && "-rotate-90")
+			className: cn("ms-auto transition-transform", !open && "-rotate-90 rtl:rotate-90")
 		})]
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -206,7 +206,7 @@ function SidebarFolderLink({ children, active = false, ...props }) {
 		...props,
 		children: [children, collapsible && /* @__PURE__ */ jsx(ChevronDown, {
 			"data-icon": true,
-			className: cn("ms-auto transition-transform", !open && "-rotate-90")
+			className: cn("ms-auto transition-transform", !open && "-rotate-90 rtl:rotate-90")
 		})]
 	});
 }

package/dist/style.css

@@ -268,15 +268,15 @@
   .fd-steps {
     counter-reset: step;
     position: relative;
-    margin-left: calc(var(--spacing) * 2);
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-    padding-left: calc(var(--spacing) * 6);
+    margin-inline-start: calc(var(--spacing) * 2);
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 1px;
+    padding-inline-start: calc(var(--spacing) * 6);
     @media (width >= 40rem) {
-      margin-left: calc(var(--spacing) * 4);
+      margin-inline-start: calc(var(--spacing) * 4);
     }
     @media (width >= 40rem) {
-      padding-left: calc(var(--spacing) * 7);
+      padding-inline-start: calc(var(--spacing) * 7);
     }
   }
   .absolute {
@@ -2726,6 +2726,11 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
+  .rtl\:rotate-90 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      rotate: 90deg;
+    }
+  }
   .rtl\:rotate-180 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       rotate: 180deg;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.6.8",
+  "version": "16.6.9",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -139,16 +139,16 @@
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.2.5",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.6.8",
+    "fumadocs-core": "16.6.9",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
-    "@takumi-rs/image-response": "^0.68.17",
+    "@takumi-rs/image-response": "*",
     "@types/react": "*",
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.6.8"
+    "fumadocs-core": "16.6.9"
   },
   "peerDependenciesMeta": {
     "next": {