{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-vue/components/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<SeparatorProps & { class?: HTMLAttributes['class'] }>(), {\n  orientation: 'horizontal',\n  decorative: true,\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n\n<template>\n  <Separator\n    data-uipkge\n    data-slot=\"separator\"\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        props.class,\n      )\n    \"\n  />\n</template>\n",
      "type": "registry:ui",
      "target": "~/app/components/ui/separator/Separator.vue"
    },
    {
      "path": "packages/registry-vue/components/separator/index.ts",
      "content": "export { default as Separator } from './Separator.vue'\n",
      "type": "registry:ui",
      "target": "~/app/components/ui/separator/index.ts"
    }
  ],
  "dependencies": [
    "@vueuse/core",
    "reka-ui"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Horizontal or vertical visual divider — a `<div>` with the right ARIA role and a registry-token border color. Use between sections, list rows, and toolbar groups.",
  "categories": [
    "layout"
  ]
}