{"version":3,"file":"message.cjs","sources":["../../../components/message/message.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport styles from './message.module.css';\nimport { MessageBubble } from './message-bubble';\n\nexport type MessageAlign = 'start' | 'end';\n\nexport interface MessageProps extends ComponentProps<'div'> {\n  /**\n   * Which side of the conversation the message sits on. `\"end\"` aligns the\n   * message to the trailing edge (the sender's own messages); `\"start\"` (the\n   * default) to the leading edge.\n   * @defaultValue \"start\"\n   */\n  align?: MessageAlign;\n}\n\nfunction MessageRoot({ className, align = 'start', ...props }: MessageProps) {\n  return (\n    <div\n      data-align={align}\n      className={cx(styles.message, className)}\n      data-slot='message'\n      {...props}\n    />\n  );\n}\n\nMessageRoot.displayName = 'Message';\n\nexport interface MessageGroupProps extends ComponentProps<'div'> {}\n\nexport function MessageGroup({ className, ...props }: MessageGroupProps) {\n  return (\n    <div\n      className={cx(styles.group, className)}\n      data-slot='message-group'\n      {...props}\n    />\n  );\n}\n\nMessageGroup.displayName = 'Message.Group';\n\nexport interface MessageAvatarProps extends ComponentProps<'div'> {}\n\nexport function MessageAvatar({ className, ...props }: MessageAvatarProps) {\n  return (\n    <div\n      className={cx(styles['message-avatar'], className)}\n      data-slot='message-avatar'\n      {...props}\n    />\n  );\n}\n\nMessageAvatar.displayName = 'Message.Avatar';\n\nexport interface MessageHeaderProps extends ComponentProps<'div'> {}\n\nexport function MessageHeader({ className, ...props }: MessageHeaderProps) {\n  return (\n    <div\n      className={cx(styles['message-header'], className)}\n      data-slot='message-header'\n      {...props}\n    />\n  );\n}\n\nMessageHeader.displayName = 'Message.Header';\n\nexport interface MessageContentProps extends ComponentProps<'div'> {}\n\nexport function MessageContent({ className, ...props }: MessageContentProps) {\n  return (\n    <div\n      className={cx(styles['message-content'], className)}\n      data-slot='message-content'\n      {...props}\n    />\n  );\n}\n\nMessageContent.displayName = 'Message.Content';\n\nexport interface MessageFooterProps extends ComponentProps<'div'> {}\n\nexport function MessageFooter({ className, ...props }: MessageFooterProps) {\n  return (\n    <div\n      className={cx(styles['message-footer'], className)}\n      data-slot='message-footer'\n      {...props}\n    />\n  );\n}\n\nMessageFooter.displayName = 'Message.Footer';\n\nexport interface MessageActionsProps extends ComponentProps<'div'> {}\n\nexport function MessageActions({ className, ...props }: MessageActionsProps) {\n  return (\n    <div\n      className={cx(styles['message-actions'], className)}\n      data-slot='message-actions'\n      {...props}\n    />\n  );\n}\n\nMessageActions.displayName = 'Message.Actions';\n\nexport const Message = Object.assign(MessageRoot, {\n  Group: MessageGroup,\n  Avatar: MessageAvatar,\n  Header: MessageHeader,\n  Content: MessageContent,\n  Footer: MessageFooter,\n  Actions: MessageActions,\n  Bubble: MessageBubble\n});\n"],"names":[],"mappings":";;;;;;;;AAmBA;;AASA;AAEA;AAIM;AACJ;AAOF;AAEA;AAIM;AACJ;AAOF;AAEA;AAIM;AACJ;AAOF;AAEA;AAIM;AACJ;AAOF;AAEA;AAIM;AACJ;AAOF;AAEA;AAIM;AACJ;AAOF;AAEA;;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACD;;;;;;;;"}