@fumadocs/base-ui 16.7.7 → 16.7.8

package/dist/layouts/notebook/slots/sidebar.js

@@ -161,7 +161,6 @@ function Sidebar({ banner, footer, components, collapsible = true, ...rest }) {
 		if (typeof footer === "function") return createElement(footer, props);
 		return /* @__PURE__ */ jsxs("div", {
 			...props,
-			className: cn("hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2", iconLinks.length > 0 && "max-lg:flex", props.className),
 			children: [props.children, footer]
 		});
 	}
@@ -194,16 +193,19 @@ function Sidebar({ banner, footer, components, collapsible = true, ...rest }) {
 				className: cn(tabMode === "navbar" && "lg:hidden")
 			})] }) }),
 			viewport,
-			renderFooter({ children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
-				item,
-				className: cn(buttonVariants({
-					size: "icon-sm",
-					color: "ghost",
-					className: "lg:hidden"
-				})),
-				"aria-label": item.label,
-				children: item.icon
-			}, i)) })
+			renderFooter({
+				className: cn("hidden flex-row text-fd-muted-foreground items-center border-t px-4 py-2.5", iconLinks.length > 0 && "max-lg:flex"),
+				children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+					item,
+					className: cn(buttonVariants({
+						size: "icon-sm",
+						color: "ghost",
+						className: "lg:hidden"
+					})),
+					"aria-label": item.label,
+					children: item.icon
+				}, i))
+			})
 		]
 	}), /* @__PURE__ */ jsxs(SidebarDrawer, {
 		...rest,
@@ -218,7 +220,7 @@ function Sidebar({ banner, footer, components, collapsible = true, ...rest }) {
 			}), tabs.length > 0 && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs })] }) }),
 			viewport,
 			renderFooter({
-				className: cn("hidden flex-row items-center justify-end", (slots.languageSelect || slots.themeSwitch) && "flex", iconLinks.length > 0 && "max-lg:flex"),
+				className: cn("hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2 justify-end", (slots.languageSelect || slots.themeSwitch) && "flex", iconLinks.length > 0 && "max-lg:flex"),
 				children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
 						item,

package/dist/layouts/shared/client.d.ts

@@ -3,7 +3,7 @@ import { FullSearchTriggerProps, SearchTriggerProps } from "./slots/search-trigg
 import { ThemeSwitchProps } from "./slots/theme-switch.js";
 import { BaseLayoutProps, LinkItemType } from "./index.js";
 import { ComponentProps, FC } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/client.d.ts
 declare function LinkItem({
@@ -14,7 +14,7 @@ declare function LinkItem({
   item: Extract<LinkItemType, {
     url: string;
   }>;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 interface BaseSlots {
   navTitle: FC<ComponentProps<'a'>>;
   themeSwitch: FC<ThemeSwitchProps> | false;

package/dist/layouts/shared/page-actions.d.ts

@@ -1,6 +1,6 @@
 import { PopoverTrigger } from "../../components/ui/popover.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/page-actions.d.ts
 /**
@@ -14,7 +14,7 @@ declare function MarkdownCopyButton({
    * A URL to fetch the raw Markdown/MDX content of page
    */
   markdownUrl: string;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 /**
  * see https://fumadocs.dev/docs/integrations/llms#page-actions to customise.
  */
@@ -31,6 +31,6 @@ declare function ViewOptionsPopover({
    * Source file URL on GitHub
    */
   githubUrl?: string;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { MarkdownCopyButton, ViewOptionsPopover };

package/dist/layouts/shared/slots/language-select.d.ts

@@ -1,10 +1,19 @@
+import { buttonVariants } from "../../../components/ui/button.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 
 //#region src/layouts/shared/slots/language-select.d.ts
-type LanguageSelectProps = ComponentProps<'button'>;
-declare function LanguageSelect(props: LanguageSelectProps): React.ReactElement;
+interface LanguageSelectProps extends ComponentProps<'button'> {
+  variant?: VariantProps<typeof buttonVariants>['variant'];
+}
+declare function LanguageSelect({
+  className,
+  variant,
+  children,
+  ...rest
+}: LanguageSelectProps): React.ReactElement;
 type LanguageSelectTextProps = ComponentProps<'span'>;
-declare function LanguageSelectText(props: LanguageSelectTextProps): react_jsx_runtime0.JSX.Element;
+declare function LanguageSelectText(props: LanguageSelectTextProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { LanguageSelect, LanguageSelectProps, LanguageSelectText, LanguageSelectTextProps };

package/dist/layouts/shared/slots/language-select.js

@@ -5,25 +5,22 @@ import { buttonVariants } from "../../../components/ui/button.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/layouts/shared/slots/language-select.tsx
-function LanguageSelect(props) {
+function LanguageSelect({ className, variant = "ghost", children, ...rest }) {
 	const context = useI18n();
 	if (!context.locales) throw new Error("Missing `<I18nProvider />`");
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 		"aria-label": context.text.chooseLanguage,
-		...props,
-		className: cn(buttonVariants({
-			color: "ghost",
-			className: "gap-1.5 p-1.5"
-		}), props.className),
-		children: props.children
+		className: (s) => cn(buttonVariants({ variant }), "gap-1.5 p-1.5", s.open && "bg-fd-accent", className),
+		...rest,
+		children
 	}), /* @__PURE__ */ jsxs(PopoverContent, {
-		className: "flex flex-col overflow-x-hidden p-0",
+		className: "flex flex-col gap-0.5 p-1",
 		children: [/* @__PURE__ */ jsx("p", {
-			className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground",
+			className: "p-2 text-xs font-medium text-fd-muted-foreground",
 			children: context.text.chooseLanguage
 		}), context.locales.map((item) => /* @__PURE__ */ jsx("button", {
 			type: "button",
-			className: cn("p-2 text-start text-sm", item.locale === context.locale ? "bg-fd-primary/10 font-medium text-fd-primary" : "hover:bg-fd-accent hover:text-fd-accent-foreground"),
+			className: cn("px-2 py-1.5 text-start text-sm rounded-lg transition-colors", item.locale === context.locale ? "bg-fd-primary/10 text-fd-primary" : "text-fd-muted-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"),
 			onClick: () => {
 				context.onChange?.(item.locale);
 			},

package/dist/layouts/shared/slots/search-trigger.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../../../components/ui/button.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/slots/search-trigger.d.ts
 interface SearchTriggerProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {
@@ -11,13 +11,13 @@ declare function SearchTrigger({
   size,
   color,
   ...props
-}: SearchTriggerProps): react_jsx_runtime0.JSX.Element | null;
+}: SearchTriggerProps): _$react_jsx_runtime0.JSX.Element | null;
 interface FullSearchTriggerProps extends ComponentProps<'button'> {
   hideIfDisabled?: boolean;
 }
 declare function FullSearchTrigger({
   hideIfDisabled,
   ...props
-}: FullSearchTriggerProps): react_jsx_runtime0.JSX.Element | null;
+}: FullSearchTriggerProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { FullSearchTrigger, FullSearchTriggerProps, SearchTrigger, SearchTriggerProps };

package/dist/layouts/shared/slots/theme-switch.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/slots/theme-switch.d.ts
 interface ThemeSwitchProps extends ComponentProps<'div'> {
@@ -9,6 +9,6 @@ declare function ThemeSwitch({
   className,
   mode,
   ...props
-}: ThemeSwitchProps): react_jsx_runtime0.JSX.Element;
+}: ThemeSwitchProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ThemeSwitch, ThemeSwitchProps };

package/dist/layouts/shared/slots/theme-switch.js

@@ -21,7 +21,7 @@ function ThemeSwitch({ className, mode = "light-dark", ...props }) {
 	useEffect(() => {
 		setMounted(true);
 	}, []);
-	const container = cn("inline-flex items-center rounded-full border p-1 *:rounded-full", className);
+	const container = cn("inline-flex items-center rounded-full border p-1 overflow-hidden *:rounded-full", className);
 	if (mode === "light-dark") {
 		const value = mounted ? resolvedTheme : null;
 		return /* @__PURE__ */ jsx("button", {

package/dist/mdx.d.ts

@@ -3,7 +3,7 @@ import { Card, Cards } from "./components/card.js";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
 import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
 import React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/mdx.d.ts
 /**
@@ -19,24 +19,24 @@ declare module 'mdx/types.js' {
 }
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {
   sizes?: string;
-}): react_jsx_runtime0.JSX.Element;
-declare function Table(props: TableHTMLAttributes<HTMLTableElement>): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function Table(props: TableHTMLAttributes<HTMLTableElement>): _$react_jsx_runtime0.JSX.Element;
 declare const defaultMdxComponents: {
   CodeBlockTab: typeof CodeBlockTab;
   CodeBlockTabs: typeof CodeBlockTabs;
   CodeBlockTabsList: typeof CodeBlockTabsList;
   CodeBlockTabsTrigger: typeof CodeBlockTabsTrigger;
-  pre: (props: HTMLAttributes<HTMLPreElement>) => react_jsx_runtime0.JSX.Element;
+  pre: (props: HTMLAttributes<HTMLPreElement>) => _$react_jsx_runtime0.JSX.Element;
   Card: typeof Card;
   Cards: typeof Cards;
   a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
   img: typeof Image;
-  h1: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h2: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h3: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h4: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h5: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h6: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
+  h1: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h2: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h3: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h4: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h5: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h6: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
   table: typeof Table;
   Callout: typeof Callout;
   CalloutContainer: typeof CalloutContainer;

package/dist/og/takumi.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ImageResponse, ImageResponseOptions } from "@takumi-rs/image-response";
 
 //#region src/og/takumi.d.ts
@@ -16,6 +16,6 @@ declare function generate({
   primaryColor,
   primaryTextColor,
   ...props
-}: GenerateProps): react_jsx_runtime0.JSX.Element;
+}: GenerateProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { generate, generateOGImage };

package/dist/og.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ImageResponse } from "next/og";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ImageResponse } from "next/og.js";
 import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
 
 //#region src/og.d.ts
@@ -17,6 +17,6 @@ declare function generate({
   primaryColor,
   primaryTextColor,
   ...props
-}: GenerateProps): react_jsx_runtime0.JSX.Element;
+}: GenerateProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { generate, generateOGImage };

package/dist/page.d.ts

@@ -1,7 +1,7 @@
 import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
 import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub, PageLastUpdate } from "./layouts/docs/page/index.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/page.d.ts
 interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
@@ -25,12 +25,12 @@ interface DocsPageProps extends DocsPageProps$1 {
 /**
  * For separate MDX page
  */
-declare function withArticle(props: ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
+declare function withArticle(props: ComponentProps<'main'>): _$react_jsx_runtime0.JSX.Element;
 declare function DocsPage({
   lastUpdate,
   editOnGithub,
   children,
   ...props
-}: DocsPageProps): react_jsx_runtime0.JSX.Element;
+}: DocsPageProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/provider/base.d.ts

@@ -2,7 +2,7 @@ import { SearchProviderProps } from "../contexts/search.js";
 import { DefaultSearchDialogProps } from "../components/dialog/search-default.js";
 import { I18nProviderProps } from "../contexts/i18n.js";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ThemeProvider } from "next-themes";
 
 //#region src/provider/base.d.ts
@@ -44,6 +44,6 @@ declare function RootProvider({
   theme,
   search,
   i18n
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/next.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/next.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/react-router.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/react-router.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/tanstack.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/tanstack.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/waku.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/waku.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/style.css

@@ -301,6 +301,9 @@
   .inset-s-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
+  .inset-s-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
   .start {
     inset-inline-start: var(--spacing);
   }
@@ -310,9 +313,6 @@
   .start-3 {
     inset-inline-start: calc(var(--spacing) * 3);
   }
-  .start-4 {
-    inset-inline-start: calc(var(--spacing) * 4);
-  }
   .start-6 {
     inset-inline-start: calc(var(--spacing) * 6);
   }
@@ -322,6 +322,9 @@
   .end-2 {
     inset-inline-end: calc(var(--spacing) * 2);
   }
+  .inset-e-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
@@ -1256,6 +1259,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .justify-start {
+    justify-content: flex-start;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1325,9 +1331,6 @@
   .overflow-x-clip {
     overflow-x: clip;
   }
-  .overflow-x-hidden {
-    overflow-x: hidden;
-  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1352,6 +1355,9 @@
   .rounded-md {
     border-radius: var(--radius-md);
   }
+  .rounded-none {
+    border-radius: 0;
+  }
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
@@ -1366,6 +1372,10 @@
     border-inline-style: var(--tw-border-style);
     border-inline-width: 1px;
   }
+  .border-y-0 {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 0px;
+  }
   .border-s {
     border-inline-start-style: var(--tw-border-style);
     border-inline-start-width: 1px;
@@ -1374,6 +1384,10 @@
     border-inline-end-style: var(--tw-border-style);
     border-inline-end-width: 1px;
   }
+  .border-e-0 {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1574,6 +1588,9 @@
   .px-px {
     padding-inline: 1px;
   }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1628,6 +1645,9 @@
   .ps-8 {
     padding-inline-start: calc(var(--spacing) * 8);
   }
+  .pe-0 {
+    padding-inline-end: calc(var(--spacing) * 0);
+  }
   .pe-2 {
     padding-inline-end: calc(var(--spacing) * 2);
   }
@@ -2037,6 +2057,11 @@
       border-radius: var(--radius-lg);
     }
   }
+  .\*\:rounded-md {
+    :is(& > *) {
+      border-radius: var(--radius-md);
+    }
+  }
   .\*\:border-b {
     :is(& > *) {
       border-bottom-style: var(--tw-border-style);
@@ -2097,6 +2122,12 @@
       inset-block: calc(var(--spacing) * 1);
     }
   }
+  .before\:inset-s-2\.5 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 2.5);
+    }
+  }
   .before\:start-2\.5 {
     &::before {
       content: var(--tw-content);
@@ -2457,6 +2488,14 @@
       }
     }
   }
+  .data-\[active\=true\]\:before\:inset-s-2\.5 {
+    &[data-active="true"] {
+      &::before {
+        content: var(--tw-content);
+        inset-inline-start: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
   .data-\[active\=true\]\:before\:start-2\.5 {
     &[data-active="true"] {
       &::before {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.7.7",
+  "version": "16.7.8",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -108,6 +108,7 @@
     "./utils/use-footer-items": "./dist/utils/use-footer-items.js",
     "./utils/use-is-scroll-top": "./dist/utils/use-is-scroll-top.js",
     "./package.json": "./package.json",
+    "./components/image-zoom2.css": "./dist/components/image-zoom2.css",
     "./style.css": "./dist/style.css",
     "./css/*": "./css/*"
   },
@@ -117,7 +118,7 @@
   "dependencies": {
     "@base-ui/react": "^1.3.0",
     "class-variance-authority": "^0.7.1",
-    "lucide-react": "^1.6.0",
+    "lucide-react": "^1.7.0",
     "motion": "^12.38.0",
     "next-themes": "^0.4.6",
     "react-medium-image-zoom": "^5.4.1",
@@ -130,7 +131,7 @@
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.2.2",
-    "@tsdown/css": "^0.21.5",
+    "@tsdown/css": "^0.21.6",
     "@types/hast": "^3.0.4",
     "@types/mdx": "^2.0.13",
     "@types/node": "^25.5.0",
@@ -138,11 +139,10 @@
     "@types/react-dom": "^19.2.3",
     "shiki": "^4.0.2",
     "tailwindcss": "^4.2.2",
-    "tsdown": "0.21.5",
+    "tsdown": "0.21.6",
     "unified": "^11.0.5",
-    "@fumadocs/cli": "1.3.2",
-    "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.7.7",
+    "@fumadocs/cli": "1.3.3",
+    "fumadocs-core": "16.7.8",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -153,7 +153,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "shiki": "*",
-    "fumadocs-core": "16.7.7"
+    "fumadocs-core": "16.7.8"
   },
   "peerDependenciesMeta": {
     "shiki": {
@@ -175,10 +175,10 @@
   "scripts": {
     "build": "pnpm build:layout && pnpm build:tailwind",
     "build:layout": "tsdown --config-loader unrun",
-    "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css && tailwindcss -i src/components/image-zoom.css -o dist/components/image-zoom.css",
+    "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css",
     "clean": "rimraf dist",
-    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\" \"tailwindcss -i src/components/image-zoom.css -o dist/components/image-zoom.css -w\"",
-    "lint": "eslint .",
+    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\"",
+    "lint": "oxlint .",
     "types:check": "tsc --noEmit"
   }
 }