geoiq-frontend-ui-kit/dist/index.es3.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import * as e from "react";
import * as t from "@radix-ui/react-accordion";
import { ChevronDown as c } from "lucide-react";
import { cn as i } from "./index.es79.js";
const p = t.Root, m = e.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ e.createElement(
  t.Item,
  {
    ref: r,
    className: i("border-b pb-2 border-light-1", a),
    ...o
  }
));
m.displayName = "AccordionItem";
const s = e.forwardRef(({ className: a, children: o, ...r }, n) => /* @__PURE__ */ e.createElement(t.Header, { className: "flex" }, /* @__PURE__ */ e.createElement(
  t.Trigger,
  {
    ref: n,
    className: i(
      "flex flex-1 items-center justify-between font-medium transition-all [&[data-state=open]>svg]:rotate-180",
      a
    ),
    ...r
  },
  o,
  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
)));
s.displayName = t.Trigger.displayName;
const d = e.forwardRef(({ className: a, children: o, ...r }, n) => /* @__PURE__ */ e.createElement(
  t.Content,
  {
    ref: n,
    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
    ...r
  },
  /* @__PURE__ */ e.createElement("div", { className: i("pt-1", a) }, o)
));
d.displayName = t.Content.displayName;
export {
  p as Accordion,
  d as AccordionContent,
  m as AccordionItem,
  s as AccordionTrigger
};
//# sourceMappingURL=index.es3.js.map