UNPKG

@vela-ui/react

Version:

Vela UI React components

3 lines (2 loc) 2.12 kB
"use client" "use strict";var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var p=(o,t)=>{for(var e in t)n(o,e,{get:t[e],enumerable:!0})},m=(o,t,e,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of i(t))!l.call(o,a)&&a!==e&&n(o,a,{get:()=>t[a],enumerable:!(d=c(t,a))||d.enumerable});return o};var u=o=>m(n({},"__esModule",{value:!0}),o);var F={};p(F,{Card:()=>R,CardAction:()=>_,CardContent:()=>A,CardDescription:()=>y,CardFooter:()=>D,CardHeader:()=>h,CardTitle:()=>w});module.exports=u(F);var s=require("tailwind-variants"),r=require("react/jsx-runtime"),f=(0,s.tv)({slots:{root:"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",header:"@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",title:"leading-none font-semibold",description:"text-muted-foreground text-sm",action:"col-start-2 row-span-2 row-start-1 self-start justify-self-end",content:"px-6",footer:"flex items-center px-6 [.border-t]:pt-6"}}),{root:v,header:C,title:x,description:g,action:b,content:N,footer:P}=f();function R({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card",className:v({className:o}),...t})}function h({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card-header",className:C({className:o}),...t})}function w({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card-title",className:x({className:o}),...t})}function y({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card-description",className:g({className:o}),...t})}function _({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card-action",className:b({className:o}),...t})}function A({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card-content",className:N({className:o}),...t})}function D({className:o,...t}){return(0,r.jsx)("div",{"data-slot":"card-footer",className:P({className:o}),...t})}0&&(module.exports={Card,CardAction,CardContent,CardDescription,CardFooter,CardHeader,CardTitle});