{
  "name": "marker",
  "type": "registry:ui",
  "dependencies": [
    "class-variance-authority",
    "reka-ui"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/marker/Marker.vue",
      "type": "registry:ui",
      "content": "<script setup lang=\"ts\">\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport type { MarkerVariants } from \".\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport { markerVariants } from \".\"\n\ninterface Props extends PrimitiveProps {\n  variant?: MarkerVariants[\"variant\"]\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  as: \"div\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"marker\"\n    :data-variant=\"variant\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn(markerVariants({ variant }), props.class)\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/marker/MarkerContent.vue",
      "type": "registry:ui",
      "content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<Props>()\n</script>\n\n<template>\n  <span\n    data-slot=\"marker-content\"\n    :class=\"cn('cn-marker-content min-w-0 wrap-break-word', props.class)\"\n  >\n    <slot />\n  </span>\n</template>\n"
    },
    {
      "path": "ui/marker/MarkerIcon.vue",
      "type": "registry:ui",
      "content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\ninterface Props {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<Props>()\n</script>\n\n<template>\n  <span\n    data-slot=\"marker-icon\"\n    aria-hidden=\"true\"\n    :class=\"cn('cn-marker-icon shrink-0', props.class)\"\n  >\n    <slot />\n  </span>\n</template>\n"
    },
    {
      "path": "ui/marker/index.ts",
      "type": "registry:ui",
      "content": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { default as Marker } from \"./Marker.vue\"\nexport { default as MarkerContent } from \"./MarkerContent.vue\"\nexport { default as MarkerIcon } from \"./MarkerIcon.vue\"\n\nexport const markerVariants = cva(\n  \"cn-marker group/marker relative flex w-full items-center\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-marker-variant-default\",\n        separator: \"cn-marker-variant-separator\",\n        border: \"cn-marker-variant-border\",\n      },\n    },\n  },\n)\nexport type MarkerVariants = VariantProps<typeof markerVariants>\n"
    }
  ]
}