{
  "name": "radio-group",
  "title": "Radio Group",
  "description": "Kura Radio Group component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "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",
      "path": "radio-group/index.ts",
      "_imports_": [
        {
          "import": "./radio-group.svelte",
          "item": "radio-group",
          "file": {
            "type": "ui",
            "path": "radio-group/radio-group.svelte"
          },
          "meta": {}
        },
        {
          "import": "./radio-group-item.svelte",
          "item": "radio-group",
          "file": {
            "type": "ui",
            "path": "radio-group/radio-group-item.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';\n  import CircleIcon from 'phosphor-svelte/lib/CircleIcon';\n  import { cn, type WithoutChildrenOrChild } from '$lib/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-border bg-background data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 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-1 aria-invalid:ring-1 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-primary text-link 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",
      "path": "radio-group/radio-group-item.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';\n  import { cn } from '$lib/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-muted-foreground', className)}\n  {...restProps}\n/>\n",
      "path": "radio-group/radio-group.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "bits-ui",
      "version": "^2.18.1"
    },
    {
      "ecosystem": "js",
      "name": "phosphor-svelte",
      "version": "^3.1.0"
    }
  ],
  "devDependencies": []
}