fumadocs-ui 16.7.1 → 16.7.3

package/css/generated/docs.css

@@ -1,10 +1,6 @@
 @source inline("!isActive");
 @source inline("!showItem");
 @source inline("*:col-start-1");
-@source inline("*:first:mt-0.5");
-@source inline("*:flex!");
-@source inline("*:flex-col!");
-@source inline("*:gap-0.5!");
 @source inline("*:my-auto");
 @source inline("*:pointer-events-auto");
 @source inline("*:row-start-1");
@@ -81,6 +77,7 @@
 @source inline("border-t");
 @source inline("border-transparent");
 @source inline("breadcrumb");
+@source inline("breadcrumbEnabled");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
@@ -97,6 +94,7 @@
 @source inline("collapsible");
 @source inline("collapsing");
 @source inline("color");
+@source inline("component");
 @source inline("components");
 @source inline("const");
 @source inline("container");
@@ -165,6 +163,7 @@
 @source inline("font-medium");
 @source inline("font-semibold");
 @source inline("footer");
+@source inline("footerEnabled");
 @source inline("footerList");
 @source inline("for");
 @source inline("from");
@@ -241,12 +240,10 @@
 @source inline("layoutTabs");
 @source inline("leading-none");
 @source inline("length");
-@source inline("let");
 @source inline("link");
 @source inline("linkItems");
 @source inline("lucide-react");
 @source inline("main");
-@source inline("maskImage");
 @source inline("max");
 @source inline("max-h-[50vh]");
 @source inline("max-md:hidden");
@@ -271,7 +268,6 @@
 @source inline("mergeRefs");
 @source inline("min");
 @source inline("min-h-(--fd-docs-height)");
-@source inline("min-h-0");
 @source inline("mode");
 @source inline("ms-auto");
 @source inline("mt-1");
@@ -310,7 +306,6 @@
 @source inline("option");
 @source inline("overflow-auto");
 @source inline("overflow-x-clip");
-@source inline("overscroll-contain");
 @source inline("p");
 @source inline("p-0");
 @source inline("p-0.5");
@@ -339,6 +334,7 @@
 @source inline("provided");
 @source inline("provider");
 @source inline("ps-4");
+@source inline("pt-0.5");
 @source inline("pt-12");
 @source inline("pt-2");
 @source inline("pt-3");
@@ -374,6 +370,7 @@
 @source inline("showItem");
 @source inline("shrink-0");
 @source inline("sidebar");
+@source inline("sidebarEnabled");
 @source inline("sidebarProps");
 @source inline("single");
 @source inline("size");
@@ -480,7 +477,6 @@
 @source inline("w-4");
 @source inline("w-[85%]");
 @source inline("w-full");
-@source inline("white");
 @source inline("wrap-anywhere");
 @source inline("xl:hidden");
 @source inline("xl:layout:[--fd-toc-width:268px]");

package/css/generated/flux.css

@@ -1,6 +1,7 @@
 @source inline("!enabled");
 @source inline("!isActive");
 @source inline("!open");
+@source inline("*:gap-0!");
 @source inline("*:rounded-lg");
 @source inline("---spacing");
 @source inline("--fd-toc-width");
@@ -53,6 +54,7 @@
 @source inline("bottom-0");
 @source inline("bottom-26");
 @source inline("breadcrumb");
+@source inline("breadcrumbEnabled");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
@@ -68,6 +70,7 @@
 @source inline("collapsed");
 @source inline("collapsible");
 @source inline("color");
+@source inline("component");
 @source inline("components");
 @source inline("const");
 @source inline("container");
@@ -131,6 +134,7 @@
 @source inline("font-medium");
 @source inline("font-semibold");
 @source inline("footer");
+@source inline("footerEnabled");
 @source inline("footerList");
 @source inline("for");
 @source inline("from");
@@ -201,7 +205,6 @@
 @source inline("leading-none");
 @source inline("left-1/2");
 @source inline("length");
-@source inline("let");
 @source inline("lg:text-sm");
 @source inline("link");
 @source inline("linkItems");
@@ -209,7 +212,6 @@
 @source inline("lucide-react");
 @source inline("main");
 @source inline("mask-[linear-gradient(to_bottom,transparent,white_--spacing(14),white_calc(100%---spacing(14)),transparent)]");
-@source inline("maskImage");
 @source inline("max");
 @source inline("max-h-[50vh]");
 @source inline("max-w-[1200px]");
@@ -265,7 +267,6 @@
 @source inline("overflow-x-clip");
 @source inline("overflow-y-auto");
 @source inline("overflow-y-hidden");
-@source inline("overscroll-contain");
 @source inline("p");
 @source inline("p-1");
 @source inline("p-1.5");
@@ -384,7 +385,6 @@
 @source inline("toc");
 @source inline("tocEnabled");
 @source inline("tocProps");
-@source inline("tocProvider");
 @source inline("tool");
 @source inline("top-0");
 @source inline("transform");
@@ -404,7 +404,6 @@
 @source inline("under");
 @source inline("url");
 @source inline("use");
-@source inline("useActiveAnchor");
 @source inline("useDocsPage");
 @source inline("useFluxLayout");
 @source inline("useFooterItems");
@@ -416,17 +415,16 @@
 @source inline("useSearchContext");
 @source inline("useSidebar");
 @source inline("useState");
-@source inline("useTOCItems");
 @source inline("useTreePath");
 @source inline("value");
 @source inline("variant");
 @source inline("variants");
 @source inline("viewBox");
+@source inline("viewport");
 @source inline("void");
 @source inline("w-[calc(100%-var(--removed-body-scroll-bar-size,0px))]");
 @source inline("w-full");
 @source inline("wait");
-@source inline("white");
 @source inline("wrap-anywhere");
 @source inline("xl:layout:[--fd-toc-width:268px]");
 @source inline("xl:pt-14");

package/css/generated/home.css

@@ -31,7 +31,6 @@
 @source inline("component");
 @source inline("const");
 @source inline("container");
-@source inline("content");
 @source inline("context");
 @source inline("createContext");
 @source inline("custom");
@@ -101,9 +100,9 @@
 @source inline("justify-end");
 @source inline("key");
 @source inline("label");
+@source inline("languageSelect");
 @source inline("last:me-0");
 @source inline("length");
-@source inline("let");
 @source inline("lg:grid-cols-3");
 @source inline("lg:hidden");
 @source inline("linkItems");
@@ -160,11 +159,11 @@
 @source inline("rest");
 @source inline("return");
 @source inline("role");
-@source inline("root");
 @source inline("rounded-full");
 @source inline("rounded-lg");
 @source inline("rounded-md");
 @source inline("searchToggle");
+@source inline("searchTrigger");
 @source inline("secondary");
 @source inline("separator");
 @source inline("setValue");

package/css/generated/notebook.css

@@ -83,6 +83,7 @@
 @source inline("border-t");
 @source inline("border-transparent");
 @source inline("breadcrumb");
+@source inline("breadcrumbEnabled");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
@@ -100,6 +101,7 @@
 @source inline("collapsible");
 @source inline("collapsing");
 @source inline("color");
+@source inline("component");
 @source inline("components");
 @source inline("const");
 @source inline("container");
@@ -172,6 +174,7 @@
 @source inline("font-medium");
 @source inline("font-semibold");
 @source inline("footer");
+@source inline("footerEnabled");
 @source inline("footerList");
 @source inline("for");
 @source inline("freezeUntil");
@@ -183,6 +186,7 @@
 @source inline("fumadocs-core/page-tree");
 @source inline("fumadocs-core/toc");
 @source inline("function");
+@source inline("gap-0.5");
 @source inline("gap-1");
 @source inline("gap-1.5");
 @source inline("gap-2");
@@ -257,14 +261,12 @@
 @source inline("layout:[--fd-header-height:--spacing(14)]");
 @source inline("leading-none");
 @source inline("length");
-@source inline("let");
 @source inline("lg:hidden");
 @source inline("lg:layout:[--fd-header-height:--spacing(24)]");
 @source inline("link");
 @source inline("linkItems");
 @source inline("lucide-react");
 @source inline("main");
-@source inline("maskImage");
 @source inline("max");
 @source inline("max-h-[50vh]");
 @source inline("max-lg:flex");
@@ -278,7 +280,7 @@
 @source inline("max-xl:layout:[--fd-toc-popover-height:--spacing(10)]");
 @source inline("maxTouchPoints");
 @source inline("mb-1.5");
-@source inline("mb-4");
+@source inline("mb-3");
 @source inline("mb-8");
 @source inline("mb-auto");
 @source inline("md:gap-2");
@@ -294,7 +296,6 @@
 @source inline("mergeRefs");
 @source inline("min");
 @source inline("min-h-(--fd-docs-height)");
-@source inline("min-h-0");
 @source inline("mode");
 @source inline("ms-auto");
 @source inline("mt-1");
@@ -340,7 +341,6 @@
 @source inline("options");
 @source inline("overflow-x-auto");
 @source inline("overflow-x-clip");
-@source inline("overscroll-contain");
 @source inline("p");
 @source inline("p-1");
 @source inline("p-1.5");
@@ -368,6 +368,7 @@
 @source inline("provided");
 @source inline("provider");
 @source inline("ps-2.5");
+@source inline("pt-0.5");
 @source inline("pt-12");
 @source inline("pt-2");
 @source inline("px-2");
@@ -513,7 +514,6 @@
 @source inline("w-4");
 @source inline("w-[85%]");
 @source inline("w-full");
-@source inline("white");
 @source inline("window");
 @source inline("wrap-anywhere");
 @source inline("xl:hidden");

package/css/generated/shared.css

@@ -7,7 +7,10 @@
 @source inline("*:border-b");
 @source inline("*:data-[empty=true]:border-b-0");
 @source inline("*:flex");
+@source inline("*:flex!");
 @source inline("*:flex-col");
+@source inline("*:flex-col!");
+@source inline("*:gap-0.5!");
 @source inline("*:has-[+:last-child[data-empty=true]]:border-b-0");
 @source inline("*:last:border-b-0");
 @source inline("*:rounded-full");
@@ -101,6 +104,8 @@
 @source inline("at");
 @source inline("attribute");
 @source inline("await");
+@source inline("b1");
+@source inline("b2");
 @source inline("backdrop-blur-lg");
 @source inline("backdrop-blur-xs");
 @source inline("background");
@@ -132,6 +137,7 @@
 @source inline("bg-fd-primary/10");
 @source inline("bg-fd-secondary");
 @source inline("bg-fd-secondary/50");
+@source inline("bg-linear-to-t");
 @source inline("bg-transparent");
 @source inline("bind");
 @source inline("binded");
@@ -178,6 +184,7 @@
 @source inline("client-side");
 @source inline("clientHeight");
 @source inline("clientWidth");
+@source inline("clipPath");
 @source inline("clone");
 @source inline("close");
 @source inline("closeOnRedirect");
@@ -218,6 +225,7 @@
 @source inline("custom");
 @source inline("customise");
 @source inline("cva");
+@source inline("d");
 @source inline("dangerouslySetInnerHTML");
 @source inline("dark");
 @source inline("dark:bg-(--shiki-dark-bg)");
@@ -283,6 +291,7 @@
 @source inline("defineI18nUI");
 @source inline("defined");
 @source inline("delay");
+@source inline("delay-25");
 @source inline("dependencies");
 @source inline("depends");
 @source inline("deprecated");
@@ -313,7 +322,6 @@
 @source inline("duration-200");
 @source inline("duration-300");
 @source inline("duration-400");
-@source inline("ease-linear");
 @source inline("editOnGithub");
 @source inline("element");
 @source inline("else");
@@ -322,6 +330,7 @@
 @source inline("en");
 @source inline("enableSystem");
 @source inline("enabled");
+@source inline("end");
 @source inline("end-2");
 @source inline("endpoint");
 @source inline("environment");
@@ -374,7 +383,6 @@
 @source inline("for");
 @source inline("forceMount");
 @source inline("forks");
-@source inline("forwardRef");
 @source inline("found");
 @source inline("fragment");
 @source inline("framework");
@@ -456,6 +464,7 @@
 @source inline("hover:bg-fd-accent");
 @source inline("hover:bg-fd-accent/80");
 @source inline("hover:bg-fd-primary/80");
+@source inline("hover:delay-0");
 @source inline("hover:text-fd-accent-foreground");
 @source inline("hovered");
 @source inline("href");
@@ -468,6 +477,7 @@
 @source inline("iconClass");
 @source inline("id");
 @source inline("idea");
+@source inline("ids");
 @source inline("idx");
 @source inline("if");
 @source inline("if-needed");
@@ -558,6 +568,7 @@
 @source inline("mark");
 @source inline("markdownUrl");
 @source inline("marked");
+@source inline("mask-[linear-gradient(to_bottom,transparent,white_12px,white_calc(100%-12px),transparent)]");
 @source inline("mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)]");
 @source inline("mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)]");
 @source inline("maskComposite");
@@ -706,6 +717,7 @@
 @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");
@@ -716,6 +728,7 @@
 @source inline("p-2");
 @source inline("p-3");
 @source inline("p-4");
+@source inline("pOffset");
 @source inline("padding");
 @source inline("paddingInlineStart");
 @source inline("page");
@@ -837,7 +850,7 @@
 @source inline("round");
 @source inline("rounded-2xl");
 @source inline("rounded-[inherit]");
-@source inline("rounded-e-sm");
+@source inline("rounded-e-full");
 @source inline("rounded-full");
 @source inline("rounded-lg");
 @source inline("rounded-md");
@@ -846,7 +859,6 @@
 @source inline("router");
 @source inline("row");
 @source inline("rtl");
-@source inline("rtl:-scale-x-100");
 @source inline("rtl:rotate-180");
 @source inline("rtl:rotate-90");
 @source inline("s");
@@ -909,6 +921,7 @@
 @source inline("since");
 @source inline("single");
 @source inline("size");
+@source inline("size-1");
 @source inline("size-3");
 @source inline("size-3.5");
 @source inline("size-4");
@@ -937,7 +950,7 @@
 @source inline("string");
 @source inline("stroke");
 @source inline("stroke-fd-foreground/10");
-@source inline("stroke-width");
+@source inline("stroke-fd-primary");
 @source inline("strokeLinecap");
 @source inline("strokeLinejoin");
 @source inline("strokeWidth");
@@ -950,9 +963,11 @@
 @source inline("supposed");
 @source inline("sure");
 @source inline("svg");
+@source inline("svgRef");
 @source inline("switch");
 @source inline("system");
 @source inline("t");
+@source inline("t2");
 @source inline("tab");
 @source inline("tabIndex");
 @source inline("table");
@@ -1016,6 +1031,7 @@
 @source inline("top-4");
 @source inline("touch");
 @source inline("transform");
+@source inline("transition-[clip-path]");
 @source inline("transition-[height]");
 @source inline("transition-[top,height]");
 @source inline("transition-[width,height]");
@@ -1023,6 +1039,8 @@
 @source inline("transition-colors");
 @source inline("transition-opacity");
 @source inline("transition-transform");
+@source inline("translate");
+@source inline("translate-y-1/2");
 @source inline("translations");
 @source inline("transparent");
 @source inline("tree");
@@ -1088,6 +1106,7 @@
 @source inline("variants");
 @source inline("vertical");
 @source inline("via");
+@source inline("via-fd-primary");
 @source inline("viewBox");
 @source inline("viewRef");
 @source inline("viewport");
@@ -1124,11 +1143,8 @@
 @source inline("wrapElement");
 @source inline("wrapInSuspense");
 @source inline("wrapped");
-@source inline("x1");
-@source inline("x2");
 @source inline("xmlns");
-@source inline("y1");
-@source inline("y2");
+@source inline("y");
 @source inline("you");
 @source inline("your");
 @source inline("z-2");

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

@@ -1,4 +1,5 @@
 import { CollapsibleContentProps, CollapsibleTriggerProps } from "../ui/collapsible.js";
+import { ScrollArea, ScrollViewport } from "../ui/scroll-area.js";
 import * as react from "react";
 import { ComponentProps, PointerEvent, ReactNode, RefObject } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -6,7 +7,7 @@ import { LinkProps } from "fumadocs-core/link";
 
 //#region src/components/sidebar/base.d.ts
 declare namespace base_d_exports {
-  export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, useAutoScroll, useFolder, useFolderDepth, useSidebar };
+  export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, useAutoScroll, useFolder, useFolderDepth, useSidebar };
 }
 interface SidebarContext {
   open: boolean;
@@ -63,6 +64,15 @@ declare function SidebarContent({
     onPointerLeave: (event: PointerEvent) => void;
   }) => ReactNode;
 }): ReactNode;
+declare function SidebarViewport({
+  area,
+  viewport,
+  children
+}: {
+  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;
 declare function SidebarDrawerContent({
   className,
@@ -112,4 +122,4 @@ declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): react_
  */
 declare function useAutoScroll(active: boolean, ref: RefObject<HTMLElement | null>): void;
 //#endregion
-export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, base_d_exports, useAutoScroll, useFolder, useFolderDepth, useSidebar };
+export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, base_d_exports, useAutoScroll, useFolder, useFolderDepth, useSidebar };

package/dist/components/sidebar/base.js

@@ -2,6 +2,7 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { cn } from "../../utils/cn.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { ScrollArea, ScrollViewport } from "../ui/scroll-area.js";
 import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
 import { usePathname } from "fumadocs-core/framework";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,6 +26,7 @@ var base_exports = /* @__PURE__ */ __exportAll({
 	SidebarProvider: () => SidebarProvider,
 	SidebarSeparator: () => SidebarSeparator,
 	SidebarTrigger: () => SidebarTrigger,
+	SidebarViewport: () => SidebarViewport,
 	useAutoScroll: () => useAutoScroll,
 	useFolder: () => useFolder,
 	useFolderDepth: () => useFolderDepth,
@@ -103,6 +105,17 @@ function SidebarContent({ mode: allowedMode = "full", children }) {
 		}
 	});
 }
+function SidebarViewport({ area, viewport, children }) {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		...area,
+		className: cn("min-h-0 flex-1", area?.className),
+		children: /* @__PURE__ */ jsx(ScrollViewport, {
+			...viewport,
+			className: cn("*:flex! *:flex-col! *:gap-0.5! p-4 overscroll-contain mask-[linear-gradient(to_bottom,transparent,white_12px,white_calc(100%-12px),transparent)]", viewport?.className),
+			children
+		})
+	});
+}
 function SidebarDrawerOverlay(props) {
 	const { open, setOpen, mode } = useSidebar();
 	if (mode !== "drawer") return;
@@ -255,4 +268,4 @@ function useAutoScroll(active, ref) {
 	]);
 }
 //#endregion
-export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarSeparator, SidebarTrigger, base_exports, useAutoScroll, useFolder, useFolderDepth, useSidebar };
+export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarSeparator, SidebarTrigger, SidebarViewport, base_exports, useAutoScroll, useFolder, useFolderDepth, useSidebar };

package/dist/components/tabs.d.ts

@@ -1,8 +1,7 @@
-import { Tabs as Tabs$1, TabsContent as TabsContent$1 } from "./ui/tabs.js";
+import { Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "./ui/tabs.js";
 import * as React$1 from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _radix_ui_react_tabs0 from "@radix-ui/react-tabs";
 
 //#region src/components/tabs.d.ts
 interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onValueChange'> {
@@ -21,8 +20,8 @@ interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onVal
    */
   label?: ReactNode;
 }
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs0.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs0.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare function TabsList(props: React$1.ComponentPropsWithRef<typeof TabsList$1>): react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger(props: React$1.ComponentPropsWithRef<typeof TabsTrigger$1>): react_jsx_runtime0.JSX.Element;
 declare function Tabs({
   ref,
   className,

package/dist/components/tabs.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "../utils/cn.js";
 import { Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "./ui/tabs.js";
-import * as React$1 from "react";
 import { createContext, useContext, useEffect, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/tabs.tsx
@@ -11,18 +10,18 @@ function useTabContext() {
 	if (!ctx) throw new Error("You must wrap your component in <Tabs>");
 	return ctx;
 }
-const TabsList = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsList$1, {
-	ref,
-	...props,
-	className: cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", props.className)
-}));
-TabsList.displayName = "TabsList";
-const TabsTrigger = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
-	ref,
-	...props,
-	className: cn("inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary", props.className)
-}));
-TabsTrigger.displayName = "TabsTrigger";
+function TabsList(props) {
+	return /* @__PURE__ */ jsx(TabsList$1, {
+		...props,
+		className: cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", props.className)
+	});
+}
+function TabsTrigger(props) {
+	return /* @__PURE__ */ jsx(TabsTrigger$1, {
+		...props,
+		className: cn("inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary", props.className)
+	});
+}
 function Tabs({ ref, className, items, label, defaultIndex = 0, defaultValue = items ? escapeValue(items[defaultIndex]) : void 0, ...props }) {
 	const [value, setValue] = useState(defaultValue);
 	const collection = useMemo(() => [], []);