{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "radio-group",
	"title": "Radio Group",
	"type": "registry:ui",
	"description": "Kura Radio Group component source.",
	"devDependencies": [
		"bits-ui@^2.18.1",
		"@internationalized/date@^3.12.2",
		"phosphor-svelte@^3.1.0"
	],
	"registryDependencies": [
		"utils"
	],
	"files": [
		{
			"content": "import Root from './radio-group.svelte';\nimport Item from './radio-group-item.svelte';\n\nexport {\n  Root,\n  Item,\n  //\n  Root as RadioGroup,\n  Item as RadioGroupItem\n};\n",
			"type": "registry:file",
			"target": "radio-group/index.ts"
		},
		{
			"content": "<script lang=\"ts\">\n  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';\n  import CircleIcon from 'phosphor-svelte/lib/Circle';\n  import { cn, type WithoutChildrenOrChild } from '$UTILS$.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> = $props();\n</script>\n\n<RadioGroupPrimitive.Item\n  bind:ref\n  data-slot=\"radio-group-item\"\n  class={cn(\n    'border-zinc-700 bg-background data-checked:border-[#b9d765] aria-invalid:aria-checked:border-[#b9d765] aria-invalid:border-destructive focus-visible:border-zinc-300 focus-visible:ring-zinc-300/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4.5 rounded-full border focus-visible:ring-2 aria-invalid:ring-2 group/radio-group-item peer relative aspect-square shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n    className\n  )}\n  {...restProps}\n>\n  {#snippet children({ checked })}\n    <div data-slot=\"radio-group-indicator\" class=\"flex size-4.5 items-center justify-center\">\n      {#if checked}\n        <CircleIcon\n          class=\"bg-[#d0e891] text-[#d0e891] absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\"\n        />\n      {/if}\n    </div>\n  {/snippet}\n</RadioGroupPrimitive.Item>\n",
			"type": "registry:file",
			"target": "radio-group/radio-group-item.svelte"
		},
		{
			"content": "<script lang=\"ts\">\n  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';\n  import { cn } from '$UTILS$.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    value = $bindable(''),\n    ...restProps\n  }: RadioGroupPrimitive.RootProps = $props();\n</script>\n\n<RadioGroupPrimitive.Root\n  bind:ref\n  bind:value\n  data-slot=\"radio-group\"\n  class={cn('grid w-full gap-3 text-zinc-300', className)}\n  {...restProps}\n/>\n",
			"type": "registry:file",
			"target": "radio-group/radio-group.svelte"
		}
	]
}