{"version":3,"file":"index.tsx.cjs","sources":["../../../src/lib/kapwa/list/index.tsx"],"sourcesContent":["import { Button } from '@kapwa/button';\nimport { Card, CardHeader, CardContent } from '@kapwa/card';\nimport { ExternalLink } from 'lucide-react';\n\ntype ListSectionItem = {\n  id: number;\n  title: string;\n  category: string;\n};\n\ntype ListsSectionProps = {\n  title: string;\n  headerTitle: string;\n  headerSubtitle?: string;\n  externalLinkText?: string;\n  listItems: ListSectionItem[];\n};\n\nconst List = ({\n  headerTitle,\n  headerSubtitle,\n  externalLinkText,\n  listItems,\n  title,\n}: {\n  title: string;\n  headerTitle: string;\n  headerSubtitle?: string;\n  externalLinkText?: string;\n  listItems: ListSectionItem[];\n}) => {\n  return (\n    <Card>\n      <CardHeader>\n        <h2 className='text-2xl font-semibold'>{headerTitle}</h2>\n        {headerSubtitle && (\n          <p className='text-[var(--color-kapwa-text-support)]'>\n            {headerSubtitle}\n          </p>\n        )}\n      </CardHeader>\n      <CardContent>\n        <div className='space-y-8'>\n          <div>\n            <h3 className='font-medium mb-4'>{title}</h3>\n            <div className='space-y-4'>\n              {listItems.map(item => (\n                <div\n                  key={item.id}\n                  className='rounded-lg border border-[var(--color-kapwa-border-weak)] bg-[var(--color-kapwa-bg-surface)] p-4 transition-colors hover:border-[var(--color-kapwa-border-brand)]'\n                >\n                  <div className='flex items-start justify-between'>\n                    <div>\n                      <h4 className='text-lg font-medium text-[var(--color-kapwa-text-strong)]'>\n                        {item.title}\n                      </h4>\n                      <span className='mt-2 inline-block rounded-sm bg-[var(--color-kapwa-bg-gray-default)] px-2 py-1 text-xs font-medium text-[var(--color-kapwa-text-support)]'>\n                        {item.category}\n                      </span>\n                    </div>\n                    {externalLinkText && (\n                      <Button variant='ghost' size='sm'>\n                        {externalLinkText}\n                        <ExternalLink className='ml-2 h-4 w-4' />\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport { List };\nexport type { ListsSectionProps, ListSectionItem };\n"],"names":["List","headerTitle","headerSubtitle","externalLinkText","listItems","title","Card","jsxs","CardHeader","jsx","CardContent","item","Button","ExternalLink"],"mappings":"oOAkBMA,EAAO,CAAC,CACZ,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,MAAAC,CACF,6BAQKC,OAAA,CACC,SAAA,CAAAC,yBAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,yBAA0B,SAAAR,EAAY,EACnDC,GACCO,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,yCACV,SAAAP,CAAA,CACH,CAAA,EAEJ,0BACCQ,EAAAA,YAAA,CACC,SAAAD,EAAAA,kBAAAA,IAAC,OAAI,UAAU,YACb,kCAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,mBAAoB,SAAAJ,EAAM,0BACvC,MAAA,CAAI,UAAU,YACZ,SAAAD,EAAU,IAAIO,GACbF,EAAAA,kBAAAA,IAAC,MAAA,CAEC,UAAU,oKAEV,SAAAF,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAA,yBAAC,MAAA,CACC,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,4DACX,SAAAE,EAAK,MACR,EACAF,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,4IACb,WAAK,QAAA,CACR,CAAA,EACF,EACCN,GACCI,EAAAA,kBAAAA,KAACK,EAAAA,OAAA,CAAO,QAAQ,QAAQ,KAAK,KAC1B,SAAA,CAAAT,EACDM,EAAAA,kBAAAA,IAACI,EAAAA,aAAA,CAAa,UAAU,cAAA,CAAe,CAAA,CAAA,CACzC,CAAA,CAAA,CAEJ,CAAA,EAlBKF,EAAK,EAAA,CAoBb,CAAA,CACH,CAAA,CAAA,CACF,EACF,CAAA,CACF,CAAA,EACF"}