{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "radio-group",
  "files": [
    {
      "path": "ui/radio-group/RadioGroup.astro",
      "content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/radio-group/RadioGroup.astro directly.\n/**\n * @component RadioGroup\n * @title Radio Group\n * @description A group of options where users can select exactly one choice.\n * @figmaUrl https://www.figma.com/design/koxai7zw5vIuBzuVxe5T2l/bejamas-ui?node-id=2549-18817&t=YFStJ3V8fXEO8QD8-4\n *\n * @preview\n *\n * <RadioGroup name=\"plan\" defaultValue=\"free\">\n *   <div class=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"free\" id=\"free\" />\n *     <Label for=\"free\">Free</Label>\n *   </div>\n *   <div class=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"pro\" id=\"pro\" />\n *     <Label for=\"pro\">Pro</Label>\n *   </div>\n * </RadioGroup>\n *\n * @usage\n *\n * ```astro nocollapse\n * ---\n * import { RadioGroup, RadioGroupItem } from '@bejamas/ui/components/radio-group';\n * import { Label } from '@bejamas/ui/components/label';\n * ---\n *\n * <RadioGroup name=\"plan\" defaultValue=\"free\">\n *   <div class=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"free\" id=\"free\" />\n *     <Label for=\"free\">Free</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  class?: string;\n  defaultValue?: string;\n  name?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst {\n  class: className = \"\",\n  defaultValue,\n  name,\n  disabled = false,\n  readOnly = false,\n  required = false,\n  ...rest\n} = Astro.props as Props;\n---\n\n<div\n  {...rest}\n  data-slot=\"radio-group\"\n  data-default-value={defaultValue}\n  data-name={name}\n  data-disabled={disabled ? \"true\" : undefined}\n  data-read-only={readOnly ? \"true\" : undefined}\n  data-required={required ? \"true\" : undefined}\n  class={cn(\"grid gap-3\", className)}\n>\n  <slot />\n</div>\n\n<script>\n  import { createRadioGroup } from \"@data-slot/radio-group\";\n\n  document\n    .querySelectorAll('[data-slot=\"radio-group\"]')\n    .forEach((el) => createRadioGroup(el));\n</script>\n",
      "type": "registry:ui"
    },
    {
      "path": "ui/radio-group/RadioGroupItem.astro",
      "content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/radio-group/RadioGroupItem.astro directly.\nimport { cn } from \"@/lib/utils\";\nimport type { HTMLAttributes } from \"astro/types\";\n\ninterface Props extends HTMLAttributes<\"span\"> {\n  value: string;\n  class?: string;\n  disabled?: boolean;\n  id?: string;\n  \"aria-invalid\"?: boolean | \"true\" | \"false\";\n}\n\nconst {\n  class: className = \"\",\n  id = \"\",\n  value,\n  disabled = false,\n  \"aria-invalid\": ariaInvalid,\n  ...rest\n} = Astro.props as Props;\n---\n\n<span\n  {...rest}\n  id={id}\n  data-slot=\"radio-group-item\"\n  data-value={value}\n  data-disabled={disabled ? \"true\" : undefined}\n  aria-invalid={ariaInvalid}\n  class={cn(\n    \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary 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 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n    className,\n  )}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"radio-group-indicator\"\n    class=\"flex size-4 items-center justify-center data-unchecked:hidden\"\n  >\n    <span class=\"bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\"></span>\n  </span>\n</span>\n",
      "type": "registry:ui"
    },
    {
      "path": "ui/radio-group/index.ts",
      "content": "// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/radio-group/index.ts directly.\nexport { default as RadioGroup } from \"./RadioGroup.astro\";\nexport { default as RadioGroupItem } from \"./RadioGroupItem.astro\";\n\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}