{"version":3,"file":"Card.cjs","sources":["../../../../src/components/surfaces/card/Card.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport CardBody from '@components/surfaces/card/components/card-body/CardBody.tsx'\r\nimport CardFooter from '@components/surfaces/card/components/card-footer/CardFooter.tsx'\r\nimport CardHeader from '@components/surfaces/card/components/card-header/CardHeader.tsx'\r\nimport { CARD_STYLES } from '@components/surfaces/card/styles/Card.css.ts'\r\nimport type { CardCompound } from '@components/surfaces/card/types'\r\nimport type { CardProps } from '@components/surfaces/card/types/Card.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n  * A surface container with a consistent background, border, shadow and\r\n  * rounded corners. Compose with the named sub-components for a structured\r\n  * layout.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <Card>\r\n  *   <Card.Header\r\n  *     title=\"Account settings\"\r\n  *     description=\"Manage your profile.\"\r\n  *     actions={<IconButton icon=\"lucide:ellipsis-vertical\" aria-label=\"More\" />}\r\n  *   />\r\n  *   <Card.Body>Content goes here</Card.Body>\r\n  *   <Card.Footer>\r\n  *     <Button label=\"Save\" variant=\"contained\" color=\"primary\" />\r\n  *   </Card.Footer>\r\n  * </Card>\r\n  * ```\r\n  */\r\nconst Card = memo<CardProps>(({\r\n    as = 'div',\r\n    backgroundColor = 'card',\r\n    color = 'cardForeground',\r\n    borderRadius = 'sm',\r\n    borderWidth = '1px',\r\n    borderColor = 'border',\r\n    borderStyle = 'solid',\r\n    boxShadow = 'none',\r\n    overflow = 'hidden',\r\n    className,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        as={as}\r\n        backgroundColor={backgroundColor}\r\n        color={color}\r\n        borderRadius={borderRadius}\r\n        borderWidth={borderWidth}\r\n        borderColor={borderColor}\r\n        borderStyle={borderStyle}\r\n        boxShadow={boxShadow}\r\n        overflow={overflow}\r\n        className={cn(CARD_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n)) as unknown as CardCompound\r\n\r\nCard.displayName = 'Card'\r\nCard.Header = CardHeader\r\nCard.Body = CardBody\r\nCard.Footer = CardFooter\r\n\r\nexport { Card }\r\n"],"names":["Card","memo","as","backgroundColor","color","borderRadius","borderWidth","borderColor","borderStyle","boxShadow","overflow","className","props","jsx","Box","cn","CARD_STYLES","CardHeader","CardBody","CardFooter"],"mappings":"ocA+BMA,EAAOC,EAAAA,KAAgB,CAAC,CAC1B,GAAAC,EAAK,MACL,gBAAAC,EAAkB,OAClB,MAAAC,EAAQ,iBACR,aAAAC,EAAe,KACf,YAAAC,EAAc,MACd,YAAAC,EAAc,SACd,YAAAC,EAAc,QACd,UAAAC,EAAY,OACZ,SAAAC,EAAW,SACX,UAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAA,CACG,GAAAZ,EACA,gBAAAC,EACA,MAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAWK,EAAAA,GAAGC,cAAY,KAAML,CAAS,EACxC,GAAGC,CAAA,CACR,CACH,EAEDZ,EAAK,YAAc,OACnBA,EAAK,OAASiB,EACdjB,EAAK,KAAOkB,EACZlB,EAAK,OAASmB"}