{
  "name": "separator",
  "type": "registry:ui",
  "dependencies": [
    "reka-ui",
    "@vueuse/core"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/separator/Separator.vue",
      "content": "<script setup lang=\"ts\">\nimport type { SeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Separator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = withDefaults(defineProps<\n  SeparatorProps & { class?: HTMLAttributes[\"class\"] }\n>(), {\n  orientation: \"horizontal\",\n  decorative: true,\n})\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <Separator\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'shrink-0 bg-border',\n        props.orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',\n        props.class,\n      )\n    \"\n  />\n</template>\n",
      "type": "registry:ui",
      "target": ""
    },
    {
      "path": "ui/separator/index.ts",
      "content": "export { default as Separator } from \"./Separator.vue\"\n",
      "type": "registry:ui",
      "target": ""
    }
  ]
}
