fumadocs-ui 16.7.7 → 16.7.8

package/css/generated/docs.css

@@ -3,6 +3,7 @@
 @source inline("*:col-start-1");
 @source inline("*:my-auto");
 @source inline("*:pointer-events-auto");
+@source inline("*:rounded-md");
 @source inline("*:row-start-1");
 @source inline("*:w-(--fd-sidebar-width)");
 @source inline("--fd-banner-height");
@@ -61,8 +62,8 @@
 @source inline("before:absolute");
 @source inline("before:bg-fd-border");
 @source inline("before:content-['']");
+@source inline("before:inset-s-2.5");
 @source inline("before:inset-y-1");
-@source inline("before:start-2.5");
 @source inline("before:w-px");
 @source inline("bg-fd-background");
 @source inline("bg-fd-background/80");
@@ -73,10 +74,12 @@
 @source inline("border-b");
 @source inline("border-b-2");
 @source inline("border-e");
+@source inline("border-e-0");
 @source inline("border-fd-primary");
 @source inline("border-s");
 @source inline("border-t");
 @source inline("border-transparent");
+@source inline("border-y-0");
 @source inline("breadcrumb");
 @source inline("breadcrumbEnabled");
 @source inline("button");
@@ -113,8 +116,8 @@
 @source inline("data-[active=true]:before:absolute");
 @source inline("data-[active=true]:before:bg-fd-primary");
 @source inline("data-[active=true]:before:content-['']");
+@source inline("data-[active=true]:before:inset-s-2.5");
 @source inline("data-[active=true]:before:inset-y-2.5");
-@source inline("data-[active=true]:before:start-2.5");
 @source inline("data-[active=true]:before:w-px");
 @source inline("data-[active=true]:bg-fd-primary/10");
 @source inline("data-[active=true]:hover:transition-colors");
@@ -150,7 +153,6 @@
 @source inline("empty:hidden");
 @source inline("empty:mb-0");
 @source inline("enabled");
-@source inline("end-0");
 @source inline("export");
 @source inline("extends");
 @source inline("false");
@@ -225,6 +227,9 @@
 @source inline("inline-flex");
 @source inline("input");
 @source inline("inset-0");
+@source inline("inset-e-0");
+@source inline("inset-s-0");
+@source inline("inset-s-4");
 @source inline("inset-y-0");
 @source inline("inset-y-2");
 @source inline("instanceof");
@@ -240,6 +245,7 @@
 @source inline("items");
 @source inline("items-center");
 @source inline("items-end");
+@source inline("justify-start");
 @source inline("key");
 @source inline("label");
 @source inline("languageSelect");
@@ -261,6 +267,7 @@
 @source inline("max-xl:hidden");
 @source inline("max-xl:layout:[--fd-toc-popover-height:--spacing(10)]");
 @source inline("mb-1");
+@source inline("mb-2");
 @source inline("mb-4");
 @source inline("mb-8");
 @source inline("mb-auto");
@@ -329,6 +336,7 @@
 @source inline("pathname");
 @source inline("pb-1.5");
 @source inline("pb-2");
+@source inline("pe-0");
 @source inline("pe-2.5");
 @source inline("pe-4");
 @source inline("placeholder");
@@ -349,9 +357,11 @@
 @source inline("pt-12");
 @source inline("pt-2");
 @source inline("pt-3");
+@source inline("px-1");
 @source inline("px-2");
 @source inline("px-4");
 @source inline("px-6");
+@source inline("py-0");
 @source inline("py-2.5");
 @source inline("py-6");
 @source inline("radius");
@@ -368,6 +378,7 @@
 @source inline("rotate-180");
 @source inline("round");
 @source inline("rounded-lg");
+@source inline("rounded-none");
 @source inline("rounded-xl");
 @source inline("rtl:-translate-x-2");
 @source inline("rtl:rotate-180");
@@ -395,8 +406,6 @@
 @source inline("slots");
 @source inline("sm");
 @source inline("space");
-@source inline("start-0");
-@source inline("start-4");
 @source inline("sticky");
 @source inline("stroke");
 @source inline("stroke-current/25");

package/css/generated/notebook.css

@@ -22,6 +22,7 @@
 @source inline("--radix-popover-trigger-width");
 @source inline("--spacing");
 @source inline("-me-1.5");
+@source inline("-ms-1.5");
 @source inline("-mx-1");
 @source inline("-translate-x-(--fd-sidebar-width)");
 @source inline("-translate-y-full");

package/css/generated/shared.css

@@ -726,14 +726,12 @@
 @source inline("overflow-auto");
 @source inline("overflow-hidden");
 @source inline("overflow-x-auto");
-@source inline("overflow-x-hidden");
 @source inline("overflow-y-auto");
 @source inline("override");
 @source inline("overscroll-contain");
 @source inline("own");
 @source inline("owner");
 @source inline("p");
-@source inline("p-0");
 @source inline("p-0.5");
 @source inline("p-1");
 @source inline("p-1.5");

package/dist/components/accordion.d.ts

@@ -1,6 +1,6 @@
 import { Accordion as Accordion$1, AccordionItem } from "./ui/accordion.js";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/accordion.d.ts
 declare function Accordions({
@@ -9,7 +9,7 @@ declare function Accordions({
   className,
   defaultValue,
   ...props
-}: ComponentProps<typeof Accordion$1>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1>): _$react_jsx_runtime0.JSX.Element;
 declare function Accordion({
   title,
   id,
@@ -19,6 +19,6 @@ declare function Accordion({
 }: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {
   title: string | ReactNode;
   value?: string;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Accordion, Accordions };

package/dist/components/banner.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/banner.d.ts
 type BannerVariant = 'rainbow' | 'normal';
@@ -29,6 +29,6 @@ declare function Banner({
    * @defaultValue true
    */
   changeLayout?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { Banner };

package/dist/components/callout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/callout.d.ts
 type CalloutType = 'info' | 'warn' | 'error' | 'success' | 'warning' | 'idea';
@@ -9,7 +9,7 @@ declare function Callout({
   ...props
 }: {
   title?: ReactNode;
-} & Omit<CalloutContainerProps, 'title'>): react_jsx_runtime0.JSX.Element;
+} & Omit<CalloutContainerProps, 'title'>): _$react_jsx_runtime0.JSX.Element;
 interface CalloutContainerProps extends ComponentProps<'div'> {
   /**
    * @defaultValue info
@@ -27,16 +27,16 @@ declare function CalloutContainer({
   className,
   style,
   ...props
-}: CalloutContainerProps): react_jsx_runtime0.JSX.Element;
+}: CalloutContainerProps): _$react_jsx_runtime0.JSX.Element;
 declare function CalloutTitle({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
 declare function CalloutDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };

package/dist/components/card.d.ts

@@ -1,8 +1,8 @@
 import { HTMLAttributes, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/card.d.ts
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
 type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
   icon?: ReactNode;
   title: ReactNode;
@@ -15,6 +15,6 @@ declare function Card({
   title,
   description,
   ...props
-}: CardProps): react_jsx_runtime0.JSX.Element;
+}: CardProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Card, CardProps, Cards };

package/dist/components/codeblock.d.ts

@@ -1,6 +1,6 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/codeblock.d.ts
 interface CodeBlockProps extends ComponentProps<'figure'> {
@@ -36,7 +36,7 @@ interface CodeBlockProps extends ComponentProps<'figure'> {
     children?: ReactNode;
   }) => ReactNode;
 }
-declare function Pre(props: ComponentProps<'pre'>): react_jsx_runtime0.JSX.Element;
+declare function Pre(props: ComponentProps<'pre'>): _$react_jsx_runtime0.JSX.Element;
 declare function CodeBlock({
   ref,
   title,
@@ -47,16 +47,16 @@ declare function CodeBlock({
   children,
   Actions,
   ...props
-}: CodeBlockProps): react_jsx_runtime0.JSX.Element;
+}: CodeBlockProps): _$react_jsx_runtime0.JSX.Element;
 declare function CodeBlockTabs({
   ref,
   ...props
-}: ComponentProps<typeof Tabs>): react_jsx_runtime0.JSX.Element;
-declare function CodeBlockTabsList(props: ComponentProps<typeof TabsList>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Tabs>): _$react_jsx_runtime0.JSX.Element;
+declare function CodeBlockTabsList(props: ComponentProps<typeof TabsList>): _$react_jsx_runtime0.JSX.Element;
 declare function CodeBlockTabsTrigger({
   children,
   ...props
-}: ComponentProps<typeof TabsTrigger>): react_jsx_runtime0.JSX.Element;
-declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof TabsTrigger>): _$react_jsx_runtime0.JSX.Element;
+declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };

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

@@ -1,5 +1,5 @@
 import { CodeBlockProps } from "./codeblock.js";
-import * as react from "react";
+import * as _$react from "react";
 import { HighlightOptions } from "fumadocs-core/highlight";
 
 //#region src/components/codeblock.rsc.d.ts
@@ -16,6 +16,6 @@ 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)>;
+}: 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/dialog/search-algolia.d.ts

@@ -1,6 +1,6 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { AlgoliaOptions } from "fumadocs-core/search/client";
 
 //#region src/components/dialog/search-algolia.d.ts
@@ -32,6 +32,6 @@ declare function AlgoliaSearchDialog({
   links,
   footer,
   ...props
-}: AlgoliaSearchDialogProps): react_jsx_runtime0.JSX.Element;
+}: AlgoliaSearchDialogProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };

package/dist/components/dialog/search-default.d.ts

@@ -1,6 +1,6 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dialog/search-default.d.ts
 interface DefaultSearchDialogProps extends SharedProps {
@@ -37,6 +37,6 @@ declare function DefaultSearchDialog({
   links,
   footer,
   ...props
-}: DefaultSearchDialogProps): react_jsx_runtime0.JSX.Element;
+}: DefaultSearchDialogProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DefaultSearchDialogProps, DefaultSearchDialog as default };

package/dist/components/dialog/search-orama.d.ts

@@ -1,6 +1,6 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { OramaCloudOptions } from "fumadocs-core/search/client";
 
 //#region src/components/dialog/search-orama.d.ts
@@ -39,6 +39,6 @@ declare function OramaSearchDialog({
   footer,
   links,
   ...props
-}: OramaSearchDialogProps): react_jsx_runtime0.JSX.Element;
+}: OramaSearchDialogProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { OramaSearchDialogProps, OramaSearchDialog as default };

package/dist/components/dialog/search.d.ts

@@ -1,6 +1,6 @@
 import { SharedProps } from "../../contexts/search.js";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogContent, DialogOverlay } from "@radix-ui/react-dialog";
 import { HighlightedText, ReactSortedResult } from "fumadocs-core/search";
 
@@ -28,20 +28,20 @@ declare function SearchDialog({
   isLoading,
   onSelect: onSelectProp,
   children
-}: SearchDialogProps): react_jsx_runtime0.JSX.Element;
-declare function SearchDialogHeader(props: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SearchDialogInput(props: ComponentProps<'input'>): react_jsx_runtime0.JSX.Element;
+}: SearchDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare function SearchDialogHeader(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function SearchDialogInput(props: ComponentProps<'input'>): _$react_jsx_runtime0.JSX.Element;
 declare function SearchDialogClose({
   children,
   className,
   ...props
-}: ComponentProps<'button'>): react_jsx_runtime0.JSX.Element;
-declare function SearchDialogFooter(props: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SearchDialogOverlay(props: ComponentProps<typeof DialogOverlay>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+declare function SearchDialogFooter(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function SearchDialogOverlay(props: ComponentProps<typeof DialogOverlay>): _$react_jsx_runtime0.JSX.Element;
 declare function SearchDialogContent({
   children,
   ...props
-}: ComponentProps<typeof DialogContent>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogContent>): _$react_jsx_runtime0.JSX.Element;
 declare function SearchDialogList({
   items,
   Empty,
@@ -60,7 +60,7 @@ declare function SearchDialogList({
     item: SearchItemType;
     onClick: () => void;
   }) => ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function SearchDialogListItem({
   item,
   className,
@@ -72,8 +72,8 @@ declare function SearchDialogListItem({
   renderMarkdown?: (v: string) => ReactNode; /** @deprecated highlight blocks is now wrapped in `<mark />`, use `renderMarkdown` to handle instead. */
   renderHighlights?: (blocks: HighlightedText<ReactNode>[]) => ReactNode;
   item: SearchItemType;
-}): react_jsx_runtime0.JSX.Element;
-declare function SearchDialogIcon(props: ComponentProps<'svg'>): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function SearchDialogIcon(props: ComponentProps<'svg'>): _$react_jsx_runtime0.JSX.Element;
 interface TagsListProps extends ComponentProps<'div'> {
   tag?: string;
   onTagChange: (tag: string | undefined) => void;
@@ -84,14 +84,14 @@ declare function TagsList({
   onTagChange,
   allowClear,
   ...props
-}: TagsListProps): react_jsx_runtime0.JSX.Element;
+}: TagsListProps): _$react_jsx_runtime0.JSX.Element;
 declare function TagsListItem({
   value,
   className,
   ...props
 }: ComponentProps<'button'> & {
   value: string;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function useSearch(): {
   open: boolean;
   onOpenChange: (open: boolean) => void;

package/dist/components/dynamic-codeblock.core.d.ts

@@ -1,5 +1,5 @@
 import { CodeBlockProps } from "./codeblock.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { UseShikiOptions } from "fumadocs-core/highlight/shiki/react";
 import { HighlighterCore } from "shiki";
 
@@ -30,6 +30,6 @@ declare function DynamicCodeBlock({
   options,
   wrapInSuspense,
   highlighter
-}: DynamicCodeblockProps): react_jsx_runtime0.JSX.Element;
+}: DynamicCodeblockProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DynamicCodeBlock, DynamicCodeblockProps };

package/dist/components/dynamic-codeblock.d.ts

@@ -1,10 +1,10 @@
 import { DynamicCodeblockProps as DynamicCodeblockProps$1 } from "./dynamic-codeblock.core.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dynamic-codeblock.d.ts
 type DynamicCodeblockProps = Omit<DynamicCodeblockProps$1, 'highlighter' | 'options'> & {
   options?: DynamicCodeblockProps$1['options'];
 };
-declare function DynamicCodeBlock(props: DynamicCodeblockProps): react_jsx_runtime0.JSX.Element;
+declare function DynamicCodeBlock(props: DynamicCodeblockProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DynamicCodeBlock, DynamicCodeblockProps };

package/dist/components/github-info.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/components/github-info.d.ts
 interface FetchRepositoryInfoOptions {
@@ -27,6 +27,6 @@ declare function GithubInfo({
   baseUrl,
   fetchOptions,
   ...props
-}: ComponentProps<'a'> & FetchRepositoryInfoOptions): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'a'> & FetchRepositoryInfoOptions): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FetchRepositoryInfoOptions, GithubInfo, RepositoryInfo, fetchRepositoryInfo };

package/dist/components/image-zoom.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { ImageProps } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { UncontrolledProps } from "react-medium-image-zoom";
 
 //#region src/components/image-zoom.d.ts
@@ -19,6 +19,6 @@ declare function ImageZoom({
   children,
   rmiz,
   ...props
-}: ImageZoomProps): react_jsx_runtime0.JSX.Element;
+}: ImageZoomProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ImageZoom, ImageZoomProps };

package/dist/components/image-zoom.js

@@ -1,6 +1,5 @@
 "use client";
-import "./image-zoom.css";
-/* empty css            */
+import "./image-zoom2.css";
 import { Image } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";
 import Zoom from "react-medium-image-zoom";

package/dist/components/{image-zoom.css → image-zoom2.css}

@@ -8,24 +8,19 @@
   position: absolute;
 }
 
-[data-rmiz-btn-zoom],
-[data-rmiz-btn-unzoom] {
+[data-rmiz-btn-zoom], [data-rmiz-btn-unzoom] {
   display: none;
 }
 
-[data-rmiz-content='found'] img {
+[data-rmiz-content="found"] img {
   cursor: zoom-in;
 }
 
 [data-rmiz-modal][open] {
-  width: 100vw /* fallback */;
+  background-color: #0000;
   width: 100dvw;
-
-  height: 100vh /* fallback */;
-  height: 100dvh;
-
-  background-color: transparent;
   max-width: none;
+  height: 100dvh;
   max-height: none;
   margin: 0;
   padding: 0;
@@ -38,17 +33,17 @@
 }
 
 [data-rmiz-modal-overlay] {
-  transition: background-color 0.3s;
+  transition: background-color .3s;
   position: absolute;
   inset: 0;
 }
 
-[data-rmiz-modal-overlay='visible'] {
+[data-rmiz-modal-overlay="visible"] {
   background-color: var(--color-fd-background);
 }
 
-[data-rmiz-modal-overlay='hidden'] {
-  background-color: transparent;
+[data-rmiz-modal-overlay="hidden"] {
+  background-color: #0000;
 }
 
 [data-rmiz-modal-content] {
@@ -65,13 +60,12 @@
   cursor: zoom-out;
   image-rendering: high-quality;
   transform-origin: 0 0;
-  transition: transform 0.3s;
+  transition: transform .3s;
   position: absolute;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  [data-rmiz-modal-overlay],
-  [data-rmiz-modal-img] {
-    transition-duration: 0.01ms !important;
+  [data-rmiz-modal-overlay], [data-rmiz-modal-img] {
+    transition-duration: .01ms !important;
   }
 }

package/dist/components/inline-toc.d.ts

@@ -1,6 +1,6 @@
 import { Collapsible } from "./ui/collapsible.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { TOCItemType } from "fumadocs-core/toc";
 
 //#region src/components/inline-toc.d.ts
@@ -10,6 +10,6 @@ interface InlineTocProps extends ComponentProps<typeof Collapsible> {
 declare function InlineTOC({
   items,
   ...props
-}: InlineTocProps): react_jsx_runtime0.JSX.Element;
+}: InlineTocProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineTOC, InlineTocProps };

package/dist/components/sidebar/base.d.ts

@@ -1,8 +1,8 @@
 import { CollapsibleContentProps, CollapsibleTriggerProps } from "../ui/collapsible.js";
 import { ScrollArea, ScrollViewport } from "../ui/scroll-area.js";
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps, PointerEvent, ReactNode, RefObject } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { LinkProps } from "fumadocs-core/link";
 
 //#region src/components/sidebar/base.d.ts
@@ -37,12 +37,12 @@ interface SidebarProviderProps {
   children?: ReactNode;
 }
 type Mode = 'drawer' | 'full';
-declare const SidebarContext: react.Context<SidebarContext | null>;
+declare const SidebarContext: _$react.Context<SidebarContext | null>;
 declare function SidebarProvider({
   defaultOpenLevel,
   prefetch,
   children
-}: SidebarProviderProps): react_jsx_runtime0.JSX.Element;
+}: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
 declare function useSidebar(): SidebarContext;
 declare function useFolder(): {
   open: boolean;
@@ -72,14 +72,14 @@ declare function SidebarViewport({
   area?: ComponentProps<typeof ScrollArea>;
   viewport?: ComponentProps<typeof ScrollViewport>;
   children: ReactNode;
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element | undefined;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element | undefined;
 declare function SidebarDrawerContent({
   className,
   children,
   ...props
-}: ComponentProps<'aside'>): react_jsx_runtime0.JSX.Element | undefined;
-declare function SidebarSeparator(props: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'aside'>): _$react_jsx_runtime0.JSX.Element | undefined;
+declare function SidebarSeparator(props: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
 declare function SidebarItem({
   icon,
   active,
@@ -88,7 +88,7 @@ declare function SidebarItem({
 }: LinkProps & {
   active?: boolean;
   icon?: ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function SidebarFolder({
   defaultOpen: defaultOpenProp,
   collapsible,
@@ -99,24 +99,24 @@ declare function SidebarFolder({
   active?: boolean;
   defaultOpen?: boolean;
   collapsible?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function SidebarFolderTrigger({
   children,
   ...props
-}: CollapsibleTriggerProps): react_jsx_runtime0.JSX.Element;
+}: CollapsibleTriggerProps): _$react_jsx_runtime0.JSX.Element;
 declare function SidebarFolderLink({
   children,
   active,
   ...props
 }: LinkProps & {
   active?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarFolderContent(props: CollapsibleContentProps): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarFolderContent(props: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
 declare function SidebarTrigger({
   children,
   ...props
-}: ComponentProps<'button'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
 /**
  * scroll to the element if `active` is true
  */