@fumadocs/base-ui 16.7.2 → 16.7.4

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");
@@ -248,7 +244,6 @@
 @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");
@@ -273,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");
@@ -312,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");
@@ -341,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");
@@ -484,7 +478,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

@@ -211,7 +211,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]");
@@ -267,7 +266,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");
@@ -427,7 +425,6 @@
 @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

@@ -1,15 +1,15 @@
-@source inline("*:max-w-(--fd-layout-width)");
-@source inline("*:mx-auto");
+@source inline("!isNavTransparent");
 @source inline("--fd-layout-width");
 @source inline("-me-1.5");
 @source inline("-ms-1.5");
 @source inline("-mx-1");
 @source inline("[&_svg]:size-4");
-@source inline("[&_svg]:size-5.5");
 @source inline("[--fd-layout-width:1400px]");
 @source inline("always");
+@source inline("anchor");
 @source inline("are");
 @source inline("aria-label");
+@source inline("as");
 @source inline("backdrop-blur-lg");
 @source inline("banner");
 @source inline("baseProps");
@@ -20,11 +20,13 @@
 @source inline("boolean");
 @source inline("border");
 @source inline("border-b");
+@source inline("bottom");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
 @source inline("class-variance-authority");
 @source inline("className");
+@source inline("click");
 @source inline("client");
 @source inline("cn");
 @source inline("color");
@@ -40,7 +42,7 @@
 @source inline("data-[active=true]:text-fd-primary");
 @source inline("default");
 @source inline("defaultVariants");
-@source inline("duration-300");
+@source inline("element");
 @source inline("empty:hidden");
 @source inline("enableHoverToOpen");
 @source inline("enabled");
@@ -70,12 +72,11 @@
 @source inline("githubUrl");
 @source inline("grid");
 @source inline("grid-cols-1");
-@source inline("group");
-@source inline("group-data-[state=open]:rotate-180");
 @source inline("h-14");
 @source inline("had");
 @source inline("have");
 @source inline("header");
+@source inline("headerRef");
 @source inline("hideIfDisabled");
 @source inline("hover:bg-fd-accent/80");
 @source inline("hover:text-fd-accent-foreground");
@@ -91,8 +92,8 @@
 @source inline("inline-flex");
 @source inline("interface");
 @source inline("is");
+@source inline("isNavTransparent");
 @source inline("isTop");
-@source inline("isTransparent");
 @source inline("item");
 @source inline("items-center");
 @source inline("its");
@@ -102,11 +103,12 @@
 @source inline("label");
 @source inline("languageSelect");
 @source inline("last:me-0");
-@source inline("length");
 @source inline("lg:grid-cols-3");
 @source inline("lg:hidden");
 @source inline("linkItems");
 @source inline("links");
+@source inline("list");
+@source inline("listRef");
 @source inline("looking");
 @source inline("lucide-react");
 @source inline("main");
@@ -116,6 +118,7 @@
 @source inline("max-lg:shadow-lg");
 @source inline("max-sm:hidden");
 @source inline("max-sm:mt-2");
+@source inline("max-w-(--fd-layout-width)");
 @source inline("max-w-[240px]");
 @source inline("max-w-md");
 @source inline("mb-1");
@@ -123,10 +126,12 @@
 @source inline("md:grid-cols-2");
 @source inline("menu");
 @source inline("menuItems");
+@source inline("mergeRefs");
 @source inline("might");
 @source inline("mobile");
 @source inline("ms-auto");
 @source inline("mt-4");
+@source inline("mx-auto");
 @source inline("name");
 @source inline("nav");
 @source inline("navEnabled");
@@ -138,8 +143,10 @@
 @source inline("new");
 @source inline("none");
 @source inline("not");
-@source inline("onPointerMove");
-@source inline("onValueChange");
+@source inline("onClick");
+@source inline("onOpenChange");
+@source inline("onPointerEnter");
+@source inline("open");
 @source inline("or");
 @source inline("own");
 @source inline("p-1");
@@ -151,14 +158,18 @@
 @source inline("primary");
 @source inline("props");
 @source inline("ps-2.5");
+@source inline("pt-2");
 @source inline("px-4");
 @source inline("px-6");
 @source inline("px-8");
 @source inline("py-1.5");
 @source inline("react");
+@source inline("ref");
+@source inline("render");
 @source inline("rest");
 @source inline("return");
 @source inline("role");
+@source inline("rotate-180");
 @source inline("rounded-full");
 @source inline("rounded-lg");
 @source inline("rounded-md");
@@ -166,7 +177,8 @@
 @source inline("searchTrigger");
 @source inline("secondary");
 @source inline("separator");
-@source inline("setValue");
+@source inline("setOpen");
+@source inline("side");
 @source inline("size");
 @source inline("size-3");
 @source inline("size-4");
@@ -179,6 +191,7 @@
 @source inline("sm:justify-end");
 @source inline("sticky");
 @source inline("string");
+@source inline("target");
 @source inline("temporarily");
 @source inline("text");
 @source inline("text-2xl");
@@ -194,6 +207,7 @@
 @source inline("to");
 @source inline("top");
 @source inline("top-0");
+@source inline("transition-[box-shadow,background-color,border-radius]");
 @source inline("transition-colors");
 @source inline("transition-transform");
 @source inline("transparentMode");
@@ -208,6 +222,7 @@
 @source inline("useHomeLayout");
 @source inline("useIsScrollTop");
 @source inline("useProvider");
+@source inline("useRef");
 @source inline("useState");
 @source inline("value");
 @source inline("variant");

package/css/generated/notebook.css

@@ -186,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");
@@ -266,7 +267,6 @@
 @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");
@@ -296,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");
@@ -342,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");
@@ -370,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");
@@ -516,7 +515,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

@@ -14,6 +14,7 @@
 @source inline("--accordion-panel-height");
 @source inline("--anchor-width");
 @source inline("--available-height");
+@source inline("--available-width");
 @source inline("--callout-color");
 @source inline("--collapsible-panel-height");
 @source inline("--color-fd-");
@@ -25,6 +26,9 @@
 @source inline("--fd-height");
 @source inline("--fd-top");
 @source inline("--padding-right");
+@source inline("--popup-height");
+@source inline("--popup-width");
+@source inline("--positioner-height");
 @source inline("--shiki-dark-bg");
 @source inline("--shiki-light-bg");
 @source inline("--spacing");
@@ -96,7 +100,10 @@
 @source inline("at");
 @source inline("attribute");
 @source inline("await");
+@source inline("b1");
+@source inline("b2");
 @source inline("backdrop-blur-lg");
+@source inline("backdrop-blur-md");
 @source inline("backdrop-blur-xs");
 @source inline("background");
 @source inline("background-position");
@@ -110,6 +117,8 @@
 @source inline("based");
 @source inline("be");
 @source inline("before");
+@source inline("before:absolute");
+@source inline("before:content-['']");
 @source inline("behaviour");
 @source inline("being");
 @source inline("bg-(--callout-color)/50");
@@ -123,6 +132,7 @@
 @source inline("bg-fd-overlay");
 @source inline("bg-fd-popover");
 @source inline("bg-fd-popover/60");
+@source inline("bg-fd-popover/80");
 @source inline("bg-fd-primary");
 @source inline("bg-fd-primary/10");
 @source inline("bg-fd-secondary");
@@ -147,6 +157,7 @@
 @source inline("bottom-1.5");
 @source inline("bound");
 @source inline("boundary");
+@source inline("box-border");
 @source inline("breaking");
 @source inline("button");
 @source inline("buttonVariants");
@@ -173,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");
@@ -183,6 +195,7 @@
 @source inline("collapsed");
 @source inline("collapsible");
 @source inline("collection");
+@source inline("collisionPadding");
 @source inline("color");
 @source inline("colors");
 @source inline("column");
@@ -213,6 +226,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)");
@@ -221,9 +235,26 @@
 @source inline("data-[active]:border-fd-primary");
 @source inline("data-[active]:text-fd-primary");
 @source inline("data-[closed]:animate-fd-popover-out");
+@source inline("data-[ending-style]:easing-[ease]");
 @source inline("data-[ending-style]:h-0");
 @source inline("data-[inactive]:hidden");
 @source inline("data-[open]:animate-fd-popover-in");
+@source inline("data-[side=bottom]:before:h-2.5");
+@source inline("data-[side=bottom]:before:left-0");
+@source inline("data-[side=bottom]:before:right-0");
+@source inline("data-[side=bottom]:before:top-[-10px]");
+@source inline("data-[side=left]:before:bottom-0");
+@source inline("data-[side=left]:before:right-[-10px]");
+@source inline("data-[side=left]:before:top-0");
+@source inline("data-[side=left]:before:w-2.5");
+@source inline("data-[side=right]:before:bottom-0");
+@source inline("data-[side=right]:before:left-[-10px]");
+@source inline("data-[side=right]:before:top-0");
+@source inline("data-[side=right]:before:w-2.5");
+@source inline("data-[side=top]:before:bottom-[-10px]");
+@source inline("data-[side=top]:before:h-2.5");
+@source inline("data-[side=top]:before:left-0");
+@source inline("data-[side=top]:before:right-0");
 @source inline("data-[starting-style]:h-0");
 @source inline("data-[state=open]:bg-fd-accent");
 @source inline("data-[state=open]:text-fd-accent-foreground");
@@ -238,9 +269,13 @@
 @source inline("data-empty");
 @source inline("data-ending-style:data-[activation-direction=left]:translate-x-1/2");
 @source inline("data-ending-style:data-[activation-direction=right]:-translate-x-1/2");
+@source inline("data-ending-style:duration-150");
+@source inline("data-ending-style:h-0");
 @source inline("data-ending-style:opacity-0");
+@source inline("data-ending-style:scale-90");
 @source inline("data-hidden");
 @source inline("data-icon");
+@source inline("data-instant:transition-none");
 @source inline("data-line-numbers");
 @source inline("data-line-numbers-start");
 @source inline("data-open:animate-fd-dialog-in");
@@ -251,7 +286,9 @@
 @source inline("data-search-full");
 @source inline("data-starting-style:data-[activation-direction=left]:-translate-x-1/2");
 @source inline("data-starting-style:data-[activation-direction=right]:translate-x-1/2");
+@source inline("data-starting-style:h-0");
 @source inline("data-starting-style:opacity-0");
+@source inline("data-starting-style:scale-90");
 @source inline("data-state");
 @source inline("data-theme-toggle");
 @source inline("date");
@@ -306,7 +343,6 @@
 @source inline("duration-200");
 @source inline("duration-400");
 @source inline("ease-(--easing)");
-@source inline("ease-linear");
 @source inline("ease-out");
 @source inline("editOnGithub");
 @source inline("element");
@@ -317,6 +353,7 @@
 @source inline("en");
 @source inline("enableSystem");
 @source inline("enabled");
+@source inline("end");
 @source inline("end-2");
 @source inline("endpoint");
 @source inline("environment");
@@ -370,7 +407,6 @@
 @source inline("footerCache");
 @source inline("for");
 @source inline("forks");
-@source inline("forwardRef");
 @source inline("found");
 @source inline("fragment");
 @source inline("framework");
@@ -421,6 +457,8 @@
 @source inline("h-(--collapsible-panel-height)");
 @source inline("h-(--fd-animated-height)");
 @source inline("h-(--fd-height)");
+@source inline("h-(--popup-height)");
+@source inline("h-(--positioner-height)");
 @source inline("h-1.5");
 @source inline("h-9.5");
 @source inline("h-full");
@@ -466,6 +504,7 @@
 @source inline("iconClass");
 @source inline("id");
 @source inline("idea");
+@source inline("ids");
 @source inline("idx");
 @source inline("if");
 @source inline("if-needed");
@@ -482,6 +521,7 @@
 @source inline("inputType");
 @source inline("insert");
 @source inline("inset-0");
+@source inline("inset-s-0");
 @source inline("inset-x-2");
 @source inline("inset-y-0");
 @source inline("insetInlineStart");
@@ -524,6 +564,7 @@
 @source inline("lazy");
 @source inline("leading-none");
 @source inline("leaving");
+@source inline("left");
 @source inline("left-1/2");
 @source inline("length");
 @source inline("let");
@@ -556,6 +597,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");
@@ -569,6 +611,7 @@
 @source inline("max-md:border");
 @source inline("max-md:p-1.5");
 @source inline("max-md:rounded-md");
+@source inline("max-w-(--available-width)");
 @source inline("max-w-[1400px]");
 @source inline("max-w-[98vw]");
 @source inline("max-w-full");
@@ -716,6 +759,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");
@@ -831,6 +875,7 @@
 @source inline("results");
 @source inline("return");
 @source inline("revalidate");
+@source inline("right");
 @source inline("right-2");
 @source inline("role");
 @source inline("root");
@@ -838,7 +883,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");
@@ -847,7 +892,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");
@@ -857,6 +901,7 @@
 @source inline("scroll-m-20");
 @source inline("scroll-m-24");
 @source inline("scroll-m-28");
+@source inline("scroll-m-4");
 @source inline("scrollIntoView");
 @source inline("scrollMode");
 @source inline("scrollY");
@@ -909,6 +954,7 @@
 @source inline("simple");
 @source inline("since");
 @source inline("size");
+@source inline("size-1");
 @source inline("size-3");
 @source inline("size-3.5");
 @source inline("size-4");
@@ -927,7 +973,6 @@
 @source inline("specific");
 @source inline("src");
 @source inline("stars");
-@source inline("start-0");
 @source inline("start-3");
 @source inline("start-6");
 @source inline("state");
@@ -937,7 +982,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 +995,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,13 +1063,17 @@
 @source inline("top-4");
 @source inline("touch");
 @source inline("transform");
+@source inline("transition-[clip-path]");
+@source inline("transition-[height,opacity]");
 @source inline("transition-[height]");
 @source inline("transition-[opacity,transform,translate]");
+@source inline("transition-[opacity,transform,width,height,scale,translate]");
 @source inline("transition-[top,height]");
 @source inline("transition-all");
 @source inline("transition-colors");
 @source inline("transition-opacity");
 @source inline("transition-transform");
+@source inline("translate");
 @source inline("translations");
 @source inline("transparent");
 @source inline("tree");
@@ -1096,6 +1147,7 @@
 @source inline("void");
 @source inline("w");
 @source inline("w-(--anchor-width)");
+@source inline("w-(--popup-width)");
 @source inline("w-0");
 @source inline("w-0.5");
 @source inline("w-1.5");
@@ -1124,11 +1176,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.js

@@ -140,8 +140,7 @@ function SidebarViewport({ className, ...props }) {
 		className: (s) => cn("min-h-0 flex-1", typeof className === "function" ? className(s) : className),
 		...props,
 		children: /* @__PURE__ */ jsx(ScrollViewport, {
-			className: "p-4 overscroll-contain",
-			style: { maskImage: "linear-gradient(to bottom, transparent, white 12px, white calc(100% - 12px), transparent)" },
+			className: "p-4 overscroll-contain mask-[linear-gradient(to_bottom,transparent,white_12px,white_calc(100%-12px),transparent)]",
 			children: props.children
 		})
 	});

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 _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/tabs.d.ts
 interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onValueChange'> {
@@ -21,8 +20,14 @@ interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onVal
    */
   label?: ReactNode;
 }
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.TabsListProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.TabsTabProps, "ref"> & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentPropsWithRef<typeof TabsList$1>): react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...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(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsList$1, {
-	ref,
-	...props,
-	className: (s) => cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", typeof className === "function" ? className(s) : className)
-}));
-TabsList.displayName = "TabsList";
-const TabsTrigger = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
-	ref,
-	...props,
-	className: (s) => 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-[active]:border-fd-primary data-[active]:text-fd-primary", typeof className === "function" ? className(s) : className)
-}));
-TabsTrigger.displayName = "TabsTrigger";
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsList$1, {
+		...props,
+		className: (s) => cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", typeof className === "function" ? className(s) : className)
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsTrigger$1, {
+		...props,
+		className: (s) => 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-[active]:border-fd-primary data-[active]:text-fd-primary", typeof className === "function" ? className(s) : 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(() => [], []);