{"version":3,"file":"index.tsx.cjs","sources":["../../../src/lib/kapwa/table/index.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader } from '@kapwa/card';\nimport { Button } from '@kapwa/button';\n\ntype TableDataItem = {\n  id: number;\n  name: string;\n  email: string;\n  status: 'Active' | 'Pending' | 'Inactive';\n};\n\nconst Table = ({\n  title,\n  subtitle,\n  tableData,\n}: {\n  title: string;\n  subtitle: string;\n  tableData: TableDataItem[];\n}) => {\n  const statusStyles = {\n    Active:\n      'bg-[var(--color-kapwa-bg-success-weak)] text-[var(--color-kapwa-text-success)]',\n    Pending:\n      'bg-[var(--color-kapwa-bg-warning-weak)] text-[var(--color-kapwa-text-warning)]',\n    Inactive:\n      'bg-[var(--color-kapwa-bg-danger-weak)] text-[var(--color-kapwa-text-danger)]',\n  } as const;\n\n  return (\n    <Card className='mb-8'>\n      <CardHeader>\n        <h2 className='text-2xl font-semibold'>{title}</h2>\n        <p className='text-[var(--color-kapwa-text-support)]'>{subtitle}</p>\n      </CardHeader>\n      <CardContent>\n        <div className='overflow-x-auto space-y-8'>\n          <table className='min-w-full divide-y divide-[var(--color-kapwa-border-weak)]'>\n            <thead className='bg-[var(--color-kapwa-bg-surface-raised)]'>\n              <tr>\n                <th className='px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-[var(--color-kapwa-text-support)]'>\n                  Name\n                </th>\n                <th className='px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-[var(--color-kapwa-text-support)]'>\n                  Email\n                </th>\n                <th className='px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-[var(--color-kapwa-text-support)]'>\n                  Status\n                </th>\n                <th className='px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-[var(--color-kapwa-text-support)]'>\n                  Actions\n                </th>\n              </tr>\n            </thead>\n            <tbody className='divide-y divide-[var(--color-kapwa-border-weak)] bg-[var(--color-kapwa-bg-surface)]'>\n              {tableData.map(row => (\n                <tr\n                  key={row.id}\n                  className='hover:bg-[var(--color-kapwa-bg-surface-raised)]'\n                >\n                  <td className='px-6 py-4 whitespace-nowrap'>\n                    <div className='text-sm font-medium text-[var(--color-kapwa-text-strong)]'>\n                      {row.name}\n                    </div>\n                  </td>\n                  <td className='px-6 py-4 whitespace-nowrap'>\n                    <div className='text-sm text-[var(--color-kapwa-text-support)]'>\n                      {row.email}\n                    </div>\n                  </td>\n                  <td className='px-6 py-4 whitespace-nowrap'>\n                    <span\n                      className={`inline-flex rounded-full px-2 py-1 text-xs font-medium ${statusStyles[row.status]}`}\n                    >\n                      {row.status}\n                    </span>\n                  </td>\n                  <td className='px-6 py-4 whitespace-nowrap text-right text-sm font-medium'>\n                    <Button variant='ghost' size='sm'>\n                      Edit\n                    </Button>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport { Table };\nexport type { TableDataItem };\n"],"names":["Table","title","subtitle","tableData","statusStyles","jsxs","Card","CardHeader","jsx","CardContent","row","Button"],"mappings":"0MAUMA,EAAQ,CAAC,CACb,MAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAIM,CACJ,MAAMC,EAAe,CACnB,OACE,iFACF,QACE,iFACF,SACE,8EAAA,EAGJ,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CAAK,UAAU,OACd,SAAA,CAAAD,yBAACE,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,yBAA0B,SAAAP,EAAM,EAC9CO,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,yCAA0C,SAAAN,CAAA,CAAS,CAAA,EAClE,EACAM,EAAAA,kBAAAA,IAACC,EAAAA,aACC,SAAAD,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BACb,SAAAH,EAAAA,kBAAAA,KAAC,QAAA,CAAM,UAAU,8DACf,SAAA,CAAAG,wBAAC,QAAA,CAAM,UAAU,4CACf,SAAAH,EAAAA,kBAAAA,KAAC,KAAA,CACC,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,0GAA0G,SAAA,OAExH,EACAA,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,0GAA0G,SAAA,QAExH,EACAA,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,0GAA0G,SAAA,SAExH,EACAA,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,2GAA2G,SAAA,SAAA,CAEzH,CAAA,CAAA,CACF,CAAA,CACF,0BACC,QAAA,CAAM,UAAU,sFACd,SAAAL,EAAU,IAAIO,GACbL,EAAAA,kBAAAA,KAAC,KAAA,CAEC,UAAU,kDAEV,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,8BACZ,SAAAA,EAAAA,kBAAAA,IAAC,OAAI,UAAU,4DACZ,SAAAE,EAAI,IAAA,CACP,CAAA,CACF,EACAF,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,8BACZ,SAAAA,EAAAA,kBAAAA,IAAC,OAAI,UAAU,iDACZ,SAAAE,EAAI,KAAA,CACP,CAAA,CACF,EACAF,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,8BACZ,SAAAA,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAW,0DAA0DJ,EAAaM,EAAI,MAAM,CAAC,GAE5F,SAAAA,EAAI,MAAA,CAAA,EAET,EACAF,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,6DACZ,SAAAA,EAAAA,kBAAAA,IAACG,EAAAA,OAAA,CAAO,QAAQ,QAAQ,KAAK,KAAK,SAAA,MAAA,CAElC,CAAA,CACF,CAAA,CAAA,EAxBKD,EAAI,EAAA,CA0BZ,CAAA,CACH,CAAA,CAAA,CACF,EACF,CAAA,CACF,CAAA,EACF,CAEJ"}