import { jsx as t } from "react/jsx-runtime";
import { cn as d } from "../../../lib/utils.js";
function i({
  className: a,
  size: r = "default",
  ...e
}) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d(
        "group/card flex flex-col gap-6 overflow-hidden rounded-xl bg-card py-6 text-card-foreground text-sm shadow-xs ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
        a
      ),
      "data-size": r,
      "data-slot": "card",
      ...e
    }
  );
}
function n({ className: a, ...r }) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d(
        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4",
        a
      ),
      "data-slot": "card-header",
      ...r
    }
  );
}
function c({ className: a, ...r }) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d(
        "font-medium text-base leading-normal group-data-[size=sm]/card:text-sm",
        a
      ),
      "data-slot": "card-title",
      ...r
    }
  );
}
function l({ className: a, ...r }) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d("text-muted-foreground text-sm", a),
      "data-slot": "card-description",
      ...r
    }
  );
}
function u({ className: a, ...r }) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d(
        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
        a
      ),
      "data-slot": "card-action",
      ...r
    }
  );
}
function m({ className: a, ...r }) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d("px-6 group-data-[size=sm]/card:px-4", a),
      "data-slot": "card-content",
      ...r
    }
  );
}
function p({ className: a, ...r }) {
  return /* @__PURE__ */ t(
    "div",
    {
      className: d(
        "flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4",
        a
      ),
      "data-slot": "card-footer",
      ...r
    }
  );
}
export {
  i as Card,
  u as CardAction,
  m as CardContent,
  l as CardDescription,
  p as CardFooter,
  n as CardHeader,
  c as CardTitle
};
