Shadcn Anatomy for React Radix UI

import {
  Anatomy,
  AnatomyCheck,
  AnatomyPart,
  AnatomyText,
} from "@/components/ui/anatomy";

<Anatomy brand title="Checkbox anatomy">
  <AnatomyPart
    box
    height={96}
    name="root"
    rx={14}
    width={480}
    x={360}
    y={267}
  >
    <AnatomyPart
      height={44}
      name="control"
      rx={8}
      side="start"
      tone="emphasis"
      width={44}
      x={26}
      y={26}
    >
      <AnatomyCheck />
    </AnatomyPart>
    <AnatomyPart
      height={96}
      name="label"
      side="bottom"
      width={360}
      x={86}
      y={0}
    >
      <AnatomyText fontSize={32}>Checkbox Label</AnatomyText>
    </AnatomyPart>
  </AnatomyPart>
</Anatomy>