dgz-ui/dist/card-DBumDeUS.cjs

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

"use strict";const s=require("./jsx-runtime-h4oGeKUK.cjs"),u=require("react"),a=require("./utils-BeXF6FlA.cjs");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=x(u),n=d.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("div",{ref:t,className:a.cn("rounded-4 border-border-alpha-light bg-bg-background border shadow-xs",e),...r}));n.displayName="Card";const i=d.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("div",{ref:t,className:a.cn("flex flex-col space-y-1.5 p-3",e),...r}));i.displayName="CardHeader";const c=d.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("div",{ref:t,className:a.cn("text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5",e),...r}));c.displayName="CardTitle";const l=d.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("span",{ref:t,className:a.cn("text-body-sm-regular text-secondary",e),...r}));l.displayName="CardDescription";const m=d.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("div",{ref:t,className:a.cn("text-body-sm-regular p-3 pt-0",e),...r}));m.displayName="CardContent";const p=d.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("div",{ref:t,className:a.cn("text-body-sm-regular flex items-center p-3 pt-0",e),...r}));p.displayName="CardFooter";exports.Card=n;exports.CardContent=m;exports.CardDescription=l;exports.CardFooter=p;exports.CardHeader=i;exports.CardTitle=c;