{
  "$schema": "https://ui.adrianub.dev/schema/registry-item.json",
  "author": "Adrián UB (https://ui.adrianub.dev)",
  "name": "separator",
  "type": "registry:ui",
  "files": [
    {
      "path": "ui/separator.ts",
      "content": "import { computed, Directive, input } from '@angular/core'\nimport { cn } from '~/lib/utils'\n\n@Directive({\n  standalone: true,\n  selector: '[ubSeperator]',\n  host: {\n    '[class]': 'computedClass()',\n  },\n})\nexport class UbSeparatorDirective {\n  readonly class = input<string>()\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal')\n\n  protected computedClass = computed(() =>\n    cn(\n      'shrink-0 bg-border',\n      this.orientation() === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      this.class(),\n    ),\n  )\n}\n",
      "type": "registry:ui"
    }
  ]
}