UNPKG

ivt

Version:

Ivt Components Library

1 lines 3.67 kB
{"version":3,"file":"table-70kXrlUN.mjs","sources":["../../src/components/ui/table/table.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport React from \"react\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n\treturn (\n\t\t<table\n\t\t\tdata-slot=\"table\"\n\t\t\tclassName={cn(\"w-full caption-bottom text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n\treturn <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n\treturn (\n\t\t<tbody\n\t\t\tdata-slot=\"table-body\"\n\t\t\tclassName={cn(\"[&_tr:last-child]:border-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n\treturn (\n\t\t<tfoot\n\t\t\tdata-slot=\"table-footer\"\n\t\t\tclassName={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n\treturn (\n\t\t<tr\n\t\t\tdata-slot=\"table-row\"\n\t\t\tclassName={cn(\n\t\t\t\t\"border-b-border-grid-container hover:bg-muted data-[disabled=true]:bg-muted data-[state=selected]:bg-body border-b transition-colors *:data-[disabled=true]:pointer-events-none *:data-[disabled=true]:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n\treturn (\n\t\t<th\n\t\t\tdata-slot=\"table-head\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-foreground h-12 px-2 text-left align-middle font-medium *:data-[disabled=true]:pointer-events-none *:data-[disabled=true]:opacity-50 [&:has([role=checkbox])]:pr-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n\treturn (\n\t\t<td\n\t\t\tdata-slot=\"table-cell\"\n\t\t\tclassName={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n\treturn (\n\t\t<caption\n\t\t\tdata-slot=\"table-caption\"\n\t\t\tclassName={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","className","props","React","createElement","table","data-slot","cn","TableHeader","thead","TableBody","tbody","TableFooter","tfoot","TableRow","tr","TableHead","th","TableCell","td","TableCaption","caption"],"mappings":"8DAGA,SAASA,GAAMC,UAAEA,KAAcC,IAC9B,OACCC,EAAAC,cAACC,QAAAA,CACAC,YAAU,QACVL,UAAWM,EAAG,gCAAiCN,MAC3CC,GAGP,CAEA,SAASM,GAAYP,UAAEA,KAAcC,IACpC,OAAOC,EAAAC,cAACK,QAAAA,CAAMH,YAAU,eAAeL,UAAWM,EAAG,kBAAmBN,MAAgBC,GACzF,CAEA,SAASQ,GAAUT,UAAEA,KAAcC,IAClC,OACCC,EAAAC,cAACO,QAAAA,CACAL,YAAU,aACVL,UAAWM,EAAG,6BAA8BN,MACxCC,GAGP,CAEA,SAASU,GAAYX,UAAEA,KAAcC,IACpC,OACCC,EAAAC,cAACS,QAAAA,CACAP,YAAU,eACVL,UAAWM,EAAG,0DAA2DN,MACrEC,GAGP,CAEA,SAASY,GAASb,UAAEA,KAAcC,IACjC,OACCC,EAAAC,cAACW,KAAAA,CACAT,YAAU,YACVL,UAAWM,EACV,oNACAN,MAEGC,GAGP,CAEA,SAASc,GAAUf,UAAEA,KAAcC,IAClC,OACCC,EAAAC,cAACa,KAAAA,CACAX,YAAU,aACVL,UAAWM,EACV,0KACAN,MAEGC,GAGP,CAEA,SAASgB,GAAUjB,UAAEA,KAAcC,IAClC,OACCC,EAAAC,cAACe,KAAAA,CACAb,YAAU,aACVL,UAAWM,EAAG,iDAAkDN,MAC5DC,GAGP,CAEA,SAASkB,GAAanB,UAAEA,KAAcC,IACrC,OACCC,EAAAC,cAACiB,UAAAA,CACAf,YAAU,gBACVL,UAAWM,EAAG,qCAAsCN,MAChDC,GAGP"}