'use strict';
'use client';
import { jsx } from 'react/jsx-runtime';
import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
import { Radio } from '@base-ui/react/radio';
import { Circle } from 'lucide-react';
import { cn } from '../../../fd-toolbox/lib/utils.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function RadioGroup({
  className,
  ref,
  ...props
}) {
  return /* @__PURE__ */jsx(RadioGroup$1, {
    className: cn("grid gap-2", className),
    ref,
    ...props
  });
}
__name(RadioGroup, "RadioGroup");
RadioGroup.displayName = "RadioGroup";
function RadioGroupItem({
  className,
  value,
  ref,
  ...props
}) {
  return /* @__PURE__ */jsx(Radio.Root, {
    ref,
    className: cn("border-primary text-primary focus-visible:ring-primary aspect-square size-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", className),
    value,
    ...props,
    children: /* @__PURE__ */jsx(Radio.Indicator, {
      className: "flex items-center justify-center",
      children: /* @__PURE__ */jsx(Circle, {
        className: "fill-primary size-3.5"
      })
    })
  });
}
__name(RadioGroupItem, "RadioGroupItem");
RadioGroupItem.displayName = "RadioGroupItem";

export { RadioGroup, RadioGroupItem };
