ivt
Version:
Ivt Components Library
1 lines • 3.8 kB
Source Map (JSON)
{"version":3,"file":"card-C_2pshaz.mjs","sources":["../../src/components/ui/card/card.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"@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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-title\"\n\t\t\tclassName={cn(\"leading-none font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-action\"\n\t\t\tclassName={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn <div data-slot=\"card-content\" className={cn(\"px-6\", className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-footer\"\n\t\t\tclassName={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"names":["Card","className","props","React","div","data-slot","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;;AAGA,SAASA,IAAAA,CAAK,EAAEC,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACjE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,MAAA;AACVJ,QAAAA,SAAAA,EAAWK,GACV,mFAAA,EACAL,SAAAA,CAAAA;AAEA,QAAA,GAAGC;;AAGP;AAEA,SAASK,UAAAA,CAAW,EAAEN,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACvE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,aAAA;AACVJ,QAAAA,SAAAA,EAAWK,GACV,4JAAA,EACAL,SAAAA,CAAAA;AAEA,QAAA,GAAGC;;AAGP;AAEA,SAASM,SAAAA,CAAU,EAAEP,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACtE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,YAAA;AACVJ,QAAAA,SAAAA,EAAWK,GAAG,4BAAA,EAA8BL,SAAAA,CAAAA;AAC3C,QAAA,GAAGC;;AAGP;AAEA,SAASO,eAAAA,CAAgB,EAAER,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AAC5E,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,kBAAA;AACVJ,QAAAA,SAAAA,EAAWK,GAAG,+BAAA,EAAiCL,SAAAA,CAAAA;AAC9C,QAAA,GAAGC;;AAGP;AAEA,SAASQ,UAAAA,CAAW,EAAET,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACvE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,aAAA;AACVJ,QAAAA,SAAAA,EAAWK,GAAG,gEAAA,EAAkEL,SAAAA,CAAAA;AAC/E,QAAA,GAAGC;;AAGP;AAEA,SAASS,WAAAA,CAAY,EAAEV,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACxE,IAAA,qBAAOC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QAAIC,WAAAA,EAAU,cAAA;AAAeJ,QAAAA,SAAAA,EAAWK,GAAG,MAAA,EAAQL,SAAAA,CAAAA;AAAa,QAAA,GAAGC;;AAC5E;AAEA,SAASU,UAAAA,CAAW,EAAEX,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACvE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,aAAA;AACVJ,QAAAA,SAAAA,EAAWK,GAAG,yCAAA,EAA2CL,SAAAA,CAAAA;AACxD,QAAA,GAAGC;;AAGP;;;;"}