@dndbuilder.com/react
Version:
Drag and drop builder for React
45 lines (44 loc) • 1.84 kB
JavaScript
"use client";
import { jsx as t, jsxs as p } from "react/jsx-runtime";
import * as s from "react";
import { Item as N, Header as g, Trigger as m, Content as c, Root as h } from "../../../../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.3_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@19_qyxuue56cvfsy5a4zfy6udla7e/node_modules/@radix-ui/react-accordion/dist/index.js";
import { HiChevronRight as w } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/hi/index.js";
import { classNames as n } from "../../../../../utils.js";
const i = ({ children: e, ...a }) => /* @__PURE__ */ t(h, { ...a, children: e }), d = s.forwardRef(({ className: e, children: a, ...o }, r) => /* @__PURE__ */ t(N, { ref: r, className: n("border-b", e), ...o, children: a }));
d.displayName = "AccordionItem";
const l = s.forwardRef(({ className: e, children: a, ...o }, r) => /* @__PURE__ */ t(g, { className: "flex", children: /* @__PURE__ */ p(
m,
{
ref: r,
className: n(
"flex flex-1 items-center justify-between py-4 font-medium transition-all [&[data-state=open]>svg]:rotate-90",
e
),
...o,
children: [
a,
/* @__PURE__ */ t(w, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
]
}
) }));
l.displayName = m.displayName;
const f = s.forwardRef(({ className: e, children: a, ...o }, r) => /* @__PURE__ */ t(
c,
{
ref: r,
className: n(
"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
e
),
...o,
children: /* @__PURE__ */ t("div", { className: "pb-4 pt-0", children: a })
}
));
f.displayName = c.displayName;
i.Trigger = l;
i.Content = f;
i.Item = d;
export {
i as Accordion
};
//# sourceMappingURL=accordion.js.map