laif-ds/dist/components/ui/accordion.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as t, jsxs as a } from "react/jsx-runtime";
import { Root as i, Content as s, Item as d, Header as c, Trigger as l } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
import { cn as r } from "../../lib/utils.js";
import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
function b({ ...e }) {
  return /* @__PURE__ */ t(i, { "data-slot": "accordion", ...e });
}
function x({ className: e, ...o }) {
  return /* @__PURE__ */ t(
    d,
    {
      "data-slot": "accordion-item",
      className: r("border-d-border border-b last:border-b-0", e),
      ...o
    }
  );
}
function v({
  className: e,
  children: o,
  ...n
}) {
  return /* @__PURE__ */ t(c, { className: "flex", children: /* @__PURE__ */ a(
    l,
    {
      "data-slot": "accordion-trigger",
      className: r(
        "focus-visible:border-d-ring focus-visible:ring-d-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
        e
      ),
      ...n,
      children: [
        o,
        /* @__PURE__ */ t(m, { className: "text-d-secondary-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
      ]
    }
  ) });
}
function h({
  className: e,
  children: o,
  ...n
}) {
  return /* @__PURE__ */ t(
    s,
    {
      "data-slot": "accordion-content",
      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
      ...n,
      children: /* @__PURE__ */ t("div", { className: r("pt-0 pb-4", e), children: o })
    }
  );
}
export {
  b as Accordion,
  h as AccordionContent,
  x as AccordionItem,
  v as AccordionTrigger
};