fumadocs-openapi/dist/ui/components/accordion.js

Generate MDX docs for your OpenAPI spec

'use client';

import { cn } from "../../utils/cn.js";
import { jsx, jsxs } from "react/jsx-runtime";
import { ChevronRight } from "lucide-react";
import * as Primitive from "@radix-ui/react-accordion";

//#region src/ui/components/accordion.tsx
function Accordions(props) {
	return /* @__PURE__ */ jsx(Primitive.Root, {
		...props,
		className: cn("divide-y divide-fd-border", props.className)
	});
}
function AccordionItem(props) {
	return /* @__PURE__ */ jsx(Primitive.Item, {
		...props,
		className: cn("scroll-m-20", props.className),
		children: props.children
	});
}
function AccordionContent(props) {
	return /* @__PURE__ */ jsx(Primitive.Content, {
		...props,
		className: cn("overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down", props.className),
		children: props.children
	});
}
function AccordionHeader(props) {
	return /* @__PURE__ */ jsx(Primitive.Header, {
		...props,
		className: cn("not-prose flex py-2 text-fd-foreground font-medium", props.className),
		children: props.children
	});
}
function AccordionTrigger(props) {
	return /* @__PURE__ */ jsxs(Primitive.Trigger, {
		...props,
		className: cn("flex flex-1 items-center gap-1 text-start group/accordion focus-visible:outline-none", props.className),
		children: [/* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-fd-muted-foreground shrink-0 transition-transform group-focus-visible/accordion:text-fd-primary group-data-[state=open]/accordion:rotate-90" }), props.children]
	});
}

//#endregion
export { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions };
//# sourceMappingURL=accordion.js.map