@undp/design-system-react/dist/Table.cjs.map

React based design system for UNDP

{"version":3,"file":"Table.cjs","names":[],"sources":["../src/components/ui/table.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <div data-slot='table-container' className='relative w-full overflow-x-auto'>\n      <table data-slot='table' className={cn('w-full caption-bottom', className)} {...props} />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead data-slot='table-header' className={cn('[&>tr]:border-b-0', className)} {...props} />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot='table-body'\n      className={cn('[&>tr]:border-stroke [&>tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot='table-footer'\n      className={cn('border-stroke border-b font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return <tr data-slot='table-row' className={className} {...props} />;\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot='table-head'\n      className={cn(\n        'whitespace-nowrap bg-surface py-3 pr-10 pl-3 text-left align-middle font-semibold text-p-xs md:text-p-sm lg:text-p rtl:pr-3 rtl:pl-10 rtl:text-right [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot='table-cell'\n      className={cn(\n        'whitespace-nowrap py-3 pr-10 pl-3 align-middle text-p-xs md:text-p-sm lg:text-p rtl:pr-3 rtl:pl-10 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot='table-caption'\n      className={cn('mt-4 text-content-tertiary text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };\n"],"mappings":"8IAIA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,kBAAkB,UAAU,4CACzC,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,YAAU,QAAQ,UAAW,EAAA,EAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrF,CAAA,CAET,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,YAAU,eAAe,UAAW,EAAA,EAAG,oBAAqB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE/F,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAwC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,aACV,UAAW,EAAA,EAAG,uCAAwC,CAAS,EAC/D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,EAAG,qCAAsC,CAAS,EAC7D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OAAO,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,YAAU,YAAuB,YAAW,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,EACT,2NACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,EACT,yKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA0C,CAC9E,OACE,EAAA,EAAA,IAAA,CAAC,UAAD,CACE,YAAU,gBACV,UAAW,EAAA,EAAG,qCAAsC,CAAS,EAC7D,GAAI,CACL,CAAA,CAEL"}