{
  "name": "message",
  "type": "registry:ui",
  "dependencies": [
    "reka-ui"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/message/Message.vue",
      "type": "registry:ui",
      "content": "<script lang='ts' setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends PrimitiveProps {\n  class?: HTMLAttributes[\"class\"]\n  align?: \"start\" | \"end\"\n}\nconst props = withDefaults(defineProps<Props>(), {\n  align: \"start\",\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"message\"\n    :data-align=\"align\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(\n      'cn-message group/message relative flex w-full min-w-0 data-[align=end]:flex-row-reverse',\n      props.class,\n    )\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/message/MessageAvatar.vue",
      "type": "registry:ui",
      "content": "<script lang='ts' setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends PrimitiveProps {\n  class?: HTMLAttributes[\"class\"]\n}\nconst props = withDefaults(defineProps<Props>(), {\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"message-avatar\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(\n      'cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted',\n      props.class,\n    )\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/message/MessageContent.vue",
      "type": "registry:ui",
      "content": "<script lang='ts' setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends PrimitiveProps {\n  class?: HTMLAttributes[\"class\"]\n}\nconst props = withDefaults(defineProps<Props>(), {\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"message-content\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(\n      'cn-message-content flex w-full min-w-0 flex-col wrap-break-word',\n      props.class,\n    )\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/message/MessageFooter.vue",
      "type": "registry:ui",
      "content": "<script lang='ts' setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends PrimitiveProps {\n  class?: HTMLAttributes[\"class\"]\n}\nconst props = withDefaults(defineProps<Props>(), {\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"message-footer\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(\n      'cn-message-footer flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end',\n      props.class,\n    )\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/message/MessageGroup.vue",
      "type": "registry:ui",
      "content": "<script lang='ts' setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends PrimitiveProps {\n  class?: HTMLAttributes[\"class\"]\n}\nconst props = withDefaults(defineProps<Props>(), {\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"message-group\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(\n      'cn-message-group flex min-w-0 flex-col',\n      props.class,\n    )\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/message/MessageHeader.vue",
      "type": "registry:ui",
      "content": "<script lang='ts' setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends PrimitiveProps {\n  class?: HTMLAttributes[\"class\"]\n}\nconst props = withDefaults(defineProps<Props>(), {\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"message-header\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(\n      'cn-message-header flex max-w-full min-w-0 items-center',\n      props.class,\n    )\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/message/index.ts",
      "type": "registry:ui",
      "content": "export { default as Message } from \"./Message.vue\"\nexport { default as MessageAvatar } from \"./MessageAvatar.vue\"\nexport { default as MessageContent } from \"./MessageContent.vue\"\nexport { default as MessageFooter } from \"./MessageFooter.vue\"\nexport { default as MessageGroup } from \"./MessageGroup.vue\"\nexport { default as MessageHeader } from \"./MessageHeader.vue\"\n"
    }
  ]
}