import { j as e } from "../../node_modules/react/jsx-runtime.js";
import * as o from "react";
import { Root as i, Item as n, Indicator as f } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
import { cn as t } from "../../utils/index.js";
import { Label as m } from "../Label/index.js";
const p = o.forwardRef(({ className: s, ...a }, r) => /* @__PURE__ */ e.jsx(
  i,
  {
    className: t("group grid gap-2", s),
    ...a,
    ref: r
  }
));
p.displayName = i.displayName;
function N({
  className: s,
  children: a,
  id: r,
  disabled: c,
  ...d
}) {
  return /* @__PURE__ */ e.jsxs("div", { className: t("flex items-center space-x-2", s), ...d, children: [
    /* @__PURE__ */ e.jsx(l, { value: r, id: r, disabled: c, className: "peer" }),
    /* @__PURE__ */ e.jsx(m, { htmlFor: r, className: "font-normal", children: a })
  ] });
}
const l = o.forwardRef(({ className: s, ...a }, r) => /* @__PURE__ */ e.jsx(
  n,
  {
    ref: r,
    className: t(
      "ring-1 ring-interaction-support-unselected aspect-square h-4 w-4 rounded-full text-primary disabled:cursor-not-allowed disabled:bg-interaction-support-disabled-subtle disabled:ring-0",
      s
    ),
    ...a,
    children: /* @__PURE__ */ e.jsx(f, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "bg-interaction-success-default h-4 w-4 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "bg-content-inverse-strong h-2 w-2 rounded-full" }) }) })
  }
));
l.displayName = n.displayName;
export {
  l as Radio,
  p as RadioGroup,
  N as RadioGroupItem
};
