{"version":3,"file":"Message.cjs","names":[],"sources":["../src/components/ui/message.tsx"],"sourcesContent":["import type * as React from 'react';\r\n\r\nimport { cn } from '@/lib/utils';\r\n\r\nfunction MessageGroup({ className, ...props }: React.ComponentProps<'div'>) {\r\n  return (\r\n    <div\r\n      data-slot='message-group'\r\n      className={cn('flex min-w-0 flex-col gap-2', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Message({\r\n  className,\r\n  align = 'start',\r\n  ...props\r\n}: React.ComponentProps<'div'> & { align?: 'start' | 'end' }) {\r\n  return (\r\n    <div\r\n      data-slot='message'\r\n      data-align={align}\r\n      className={cn(\r\n        'group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MessageAvatar({ className, ...props }: React.ComponentProps<'div'>) {\r\n  return (\r\n    <div\r\n      data-slot='message-avatar'\r\n      className={cn(\r\n        'flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-surface group-has-data-[slot=message-footer]/message:-translate-y-8',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MessageContent({ className, ...props }: React.ComponentProps<'div'>) {\r\n  return (\r\n    <div\r\n      data-slot='message-content'\r\n      className={cn(\r\n        'wrap-break-word flex w-full min-w-0 flex-col gap-2.5 group-data-[align=end]/message:*:data-slot:self-end',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MessageHeader({ className, ...props }: React.ComponentProps<'div'>) {\r\n  return (\r\n    <div\r\n      data-slot='message-header'\r\n      className={cn(\r\n        'flex min-w-0 max-w-full items-center px-3 font-medium text-tertiary text-xs group-has-data-[variant=ghost]/message:px-0',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction MessageFooter({ className, ...props }: React.ComponentProps<'div'>) {\r\n  return (\r\n    <div\r\n      data-slot='message-footer'\r\n      className={cn(\r\n        'flex min-w-0 max-w-full items-center px-3 font-medium text-content-tertiary text-xs group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };\r\n"],"mappings":"8IAIA,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAA,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAQ,CACf,YACA,QAAQ,QACR,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,UACV,aAAY,EACZ,UAAW,EAAA,EACT,6FACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,EACT,uKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,kBACV,UAAW,EAAA,EACT,2GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,EACT,0HACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,EACT,6KACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}