@voilajsx/uikit/dist/card.js

Cross-platform React components with beautiful themes and OKLCH color sciences - Now with mobile (Capacitor) support

import { jsx as a } from "react/jsx-runtime";
import { c as o } from "./utils-CwJPJKOE.js";
function n({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card",
      className: o(
        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border border-transparent py-6 shadow-sm",
        t
      ),
      ...r
    }
  );
}
function s({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card-header",
      className: o(
        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
        t
      ),
      ...r
    }
  );
}
function c({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card-title",
      className: o("leading-none font-semibold", t),
      ...r
    }
  );
}
function i({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card-description",
      className: o("text-muted-foreground text-sm", t),
      ...r
    }
  );
}
function l({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card-action",
      className: o(
        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
        t
      ),
      ...r
    }
  );
}
function u({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card-content",
      className: o("px-6", t),
      ...r
    }
  );
}
function f({ className: t, ...r }) {
  return /* @__PURE__ */ a(
    "div",
    {
      "data-slot": "card-footer",
      className: o("flex items-center px-6 [.border-t]:pt-6", t),
      ...r
    }
  );
}
export {
  n as Card,
  l as CardAction,
  u as CardContent,
  i as CardDescription,
  f as CardFooter,
  s as CardHeader,
  c as CardTitle
};
//# sourceMappingURL=card.js.map