{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "separator",
	"title": "Separator",
	"type": "registry:ui",
	"description": "Kura Separator component source.",
	"devDependencies": [
		"bits-ui@^2.18.1",
		"@internationalized/date@^3.12.2"
	],
	"registryDependencies": [
		"utils"
	],
	"files": [
		{
			"content": "import Root from './separator.svelte';\n\nexport {\n  Root,\n  //\n  Root as Separator\n};\n",
			"type": "registry:file",
			"target": "separator/index.ts"
		},
		{
			"content": "<script lang=\"ts\">\n  import { Separator as SeparatorPrimitive } from 'bits-ui';\n  import { cn } from '$UTILS$.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    'data-slot': dataSlot = 'separator',\n    ...restProps\n  }: SeparatorPrimitive.RootProps = $props();\n</script>\n\n<SeparatorPrimitive.Root\n  bind:ref\n  data-slot={dataSlot}\n  class={cn(\n    'bg-zinc-800 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',\n    // this is different in shadcn/ui but self-stretch breaks things for us\n    'data-[orientation=vertical]:h-full',\n    className\n  )}\n  {...restProps}\n/>\n",
			"type": "registry:file",
			"target": "separator/separator.svelte"
		}
	]
}