import { jsx as a } from "react/jsx-runtime";
import { Root as i, Item as s, Indicator as c } from "@radix-ui/react-radio-group";
import { Circle as d } from "lucide-react";
import { c as o } from "../../index-BtlgVD4m.js";
const n = ({ ref: r, className: t, ...e }) => /* @__PURE__ */ a(
  i,
  {
    className: o("flex flex-col gap-[var(--spacing-2)]", e.disabled ? "opacity-50 cursor-not-allowed" : "", t),
    ...e,
    ref: r
  }
);
n.displayName = i.displayName;
const l = ({ ref: r, className: t, ...e }) => /* @__PURE__ */ a(
  s,
  {
    ref: r,
    className: o(
      "flex items-center justify-center aspect-square h-[var(--height-h-4)] w-[var(--width-w-4)] rounded-full border text-primary shadow disabled:cursor-not-allowed disabled:opacity-50",
      "ring-offset-[var(--base-background)]",
      "focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--base-ring)] focus-visible:ring-offset-2",
      "data-[state=checked]:border-[var(--base-primary)] data-[state=unchecked]:border-[var(--base-foreground)] data-[state=unchecked]:opacity-50",
      t
    ),
    ...e,
    children: /* @__PURE__ */ a(c, { className: "h-[var(--height-h-2-5)] w-[var(--width-w-2-5)] flex items-center justify-center data-[state=checked]:text-[var(--base-primary)] data-[state=unchecked]:text-[var(--base-popover-foreground)]", children: /* @__PURE__ */ a(d, { className: "h-[var(--height-h-2-5)] w-[var(--width-w-2-5)] fill-[var(--base-primary)]" }) })
  }
);
l.displayName = s.displayName;
export {
  n as RadioContainer,
  l as RadioItem
};
//# sourceMappingURL=RadioPrimitive.js.map
